The Theme Builder is a tool for creating custom themes based on predefined DevExtreme and Bootstrap themes. You can use it as follows:
Run the local version by opening the index.html file located in the C:\Program Files (x86)\DevExpress 17.1\DevExtreme\Tools\DevExtreme\ThemeBuilder directory by default. This version is available only if you have istalled DevExtreme using the installer for Windows.
The Theme Builder divides theming settings into two groups: Basic Theming for the most frequently used settings, and Advanced Theming for more advanced and widget-specific settings.
Select one of the DevExtreme themes from the drop-down menu on the toolbar.
You should save your changes before closing the Theme Builder to avoid losing them. Select Export metadata from the Export menu to open the window with the Theme Builder metadata. Save this metadata wherever it suits you.
Copy the saved metadata to the window that opens when selecting Import metadata from the Import menu to continue customization.
Select Save CSS from the Export menu to save a CSS file with the resulting theme.
Link both this theme and the
dx.common.css to your project.