Color Scheme Customization

To be able to run the Document Viewer, the client web browser must support HTML5.


This demo illustrates predefined color schemes and allows you to create your own scheme based on them.

You can select one of the available color schemes from the drop-down menu on the right panel and customize nine base colors.

Click the Save Changes button to download files with your customization or the View Changes button to invoke the dialog with customization results. These results include the following:

  • Changed styles that define a reporting control’s common appearance;
  • Changed styles for DevExtreme UI widgets used in the reporting control;
  • Metadata that you can use in the Theme Builder to customize DevExtreme widgets separately.

Use the Reset Changes button to reset all changes made to the base color scheme.

See Documentation

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
The source code files for this report are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\Reporting\CS\DevExpress.DemoReports\ColorSchemeCustomization