Clean solution to import custom scheduler theme with prefix CSS in Angular project

Two steps are required:

1. Include the theme in the global CSS (styles.css):

@import url('themes/your_theme.css');

2. Activate it using the "theme" config property:

config: DayPilot.SchedulerConfig = {
  theme: "your_theme",
  // ...
}

See also the following tutorial:
https://code.daypilot.org/81784/angular-scheduler-css-themes

Thank you for the quick reply.

During build the terminal indicates that the folder demo/themes cannot be found. What could go wrong here?

You need to copy the theme CSS file to your Angular project and use a relative path in the @import clause. You might have a typo in the path or you forgot to copy the CSS file to the project.

thank you! it works :)