Create theme

Create a new theme by adding it to your tailwind.config.js file. For color palettes (50-900), you can use tools like Eva Design System or Smart Watch to generate them.

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.