Create theme

You can create a new theme based on the default ones. Let's say you need a purple-dark theme. You can create it by adding the following code to your tailwind.config.js file.

We recommend adding a palette that ranges from 50 to 900. You can use tools like Eva Design System, Smart Watch, Palette or Color Box to generate your palette.

Add the new theme to the plugin

Apply the new theme

Now, applying the new theme is as simple as adding the theme name purple-dark to the className of the html / body or main element.

Use the new theme

All components that use the primary color will be affected by this change.