Configuration
Default themes to quickly change the look and feel of your app.
Default themes
A well-tuned set of defaults is provided to get you started.
Usage
<!-- Add this attribute to html wrapper -->
<html data-new-ui-theme="light">
Available themes
| Theme | Value |
|---|---|
| Light (Default) | light |
| Light warm | light--warm |
| Light cold | light--cold |
| Dark (Default) | dark |
| Dark warm | dark--warm |
| Dark cold | dark--cold |
Choosing or customizing an accent color
By default, the New UI uses blue as its accent color. However, you can easily switch to any other color from our primary color palette, which has been thoroughly tested and validated for accessibility. To add a new color to the system, please refer to the color system documentation.