Fluent2 Dark CSS missing in NPM packages?

[Thomas Pentenrieder]

I'm using the react schedule control and would like to add dark theme support. I can import the fluent2 light theme without a problem, but the fluent2-dark.css files seem to be missing. Here's how I'm trying to import the required files:

@import "../node_modules/@syncfusion/ej2-base/styles/fluent2.css";

@import "../node_modules/@syncfusion/ej2-buttons/styles/fluent2.css";

@import "../node_modules/@syncfusion/ej2-calendars/styles/fluent2.css";

@import "../node_modules/@syncfusion/ej2-dropdowns/styles/fluent2.css";

@import "../node_modules/@syncfusion/ej2-inputs/styles/fluent2.css";

@import "../node_modules/@syncfusion/ej2-lists/styles/fluent2.css";

@import "../node_modules/@syncfusion/ej2-navigations/styles/fluent2.css";

@import "../node_modules/@syncfusion/ej2-popups/styles/fluent2.css";

@import "../node_modules/@syncfusion/ej2-splitbuttons/styles/fluent2.css";

@import "../node_modules/@syncfusion/ej2-react-schedule/styles/fluent2.css";

@import "../node_modules/@syncfusion/ej2-base/styles/fluent2-dark.css";

@import "../node_modules/@syncfusion/ej2-buttons/styles/fluent2-dark.css";

@import "../node_modules/@syncfusion/ej2-calendars/styles/fluent2-dark.css";

@import "../node_modules/@syncfusion/ej2-dropdowns/styles/fluent2-dark.css";

@import "../node_modules/@syncfusion/ej2-inputs/styles/fluent2-dark.css";

@import "../node_modules/@syncfusion/ej2-lists/styles/fluent2-dark.css";

@import "../node_modules/@syncfusion/ej2-navigations/styles/fluent2-dark.css";

@import "../node_modules/@syncfusion/ej2-popups/styles/fluent2-dark.css";

@import "../node_modules/@syncfusion/ej2-splitbuttons/styles/fluent2-dark.css";

@import "../node_modules/@syncfusion/ej2-react-schedule/styles/fluent2-dark.css";

[Deepika Arumugasamy]

Hi Thomas Pentenrieder, 

Thank you for reaching out! 

In Fluent 2, both the light and dark themes are included within a single CSS file. Separate CSS files for Fluent 2 Light and Fluent 2 Dark are no longer required. 

To use the Fluent 2 dark theme, simply append the e-dark-mode class to the body section of your application. This will apply the dark theme automatically, without needing to import any additional CSS files. 

Please refer the below documentation and let us know if you need further assistance. 

Link: https://ej2.syncfusion.com/react/documentation/appearance/css-variables#switching-light-and-dark-mode-with-css-variables  

Regards, 

Deepika.