Dark mode issue with calendar controls

[aquan]

HI  

       I'd like to ask: I imported all the styles for the calendar control, but it doesn't seem to include a dark mode. Did I forget to import some styles? Or do I need to change the control somewhere else?

As shown in the image below, the title is black, but the built-in buttons haven't inverted to white, nor has the color of the entire calendar.

[Vijay Ravi]

Hi aquan,

Greetings from Syncfusion Support,

We have reviewed your report regarding the dark theme not applying correctly. We've prepared an Angular sample and imported the 'material-dark' theme into the 'styles.css' file, which successfully applies the dark theme. Please refer to the shared sample and style link provided below.

Additionally, if you're still encountering the issue, could you share a sample where the issue is reproduced? It's possible something might have been missed in your current implementation.

[styles.css]
 

@import '../node_modules/@syncfusion/ej2-base/styles/material-dark.css';

@import '../node_modules/@syncfusion/ej2-buttons/styles/material-dark.css';

@import '../node_modules/@syncfusion/ej2-calendars/styles/material-dark.css';

@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material-dark.css';

@import '../node_modules/@syncfusion/ej2-inputs/styles/material-dark.css';

@import '../node_modules/@syncfusion/ej2-lists/styles/material-dark.css';

@import '../node_modules/@syncfusion/ej2-popups/styles/material-dark.css';

@import '../node_modules/@syncfusion/ej2-navigations/styles/material-dark.css';

@import '../node_modules/@syncfusion/ej2-angular-schedule/styles/material-dark.css';

Sample attached as zip file.

Don't hesitate to get in touch if you require further help or more information.
 

Regards,

Vijay

Attachment: schedule_dark_themesample_67f26cc.zip