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.