This generates the following CSS files you need to use to apply a custom theme:
The Web Dashboard uses color constants to paint the control's elements. The colors of the color constants listed in the table below can be customized. Changes to specific dashboard elements' colors do not affect the basic DevExtreme colors.
The background color of the dashboard menu's header.
The primary color of the dashboard menu's header.
The color of the dashboard menu's icons (for example, the X icon used to close the menu).
The background color of the selected element in the dashboard's menu.
The color of the selected dashboard menu's element.
The background color applied to elements in a dashboard menu when you hover over them.
The primary color applied to elements in a dashboard menu when you hover over them.
Apply a Custom Theme
A custom theme's icons should be in the same folder as the theme's CSS files. For npm, the icons folder is node_modules/devextreme/dist/css. In other cases, the folder is in the same directory as the predefined themes. Copy the icons folder to the directory that contains your theme.
To apply a custom theme, register the generated CSS files instead of the default styles.
For a modular approach, see the following sections for information on how to register global styles for different frameworks: