Custom Themes

Create custom themes by adding new data-theme selectors. Perfect for whitelabel products.

themes.css

[data-theme="brand-a"] .ui-button.ui-primary {
  @apply bg-emerald-600 hover:bg-emerald-700;
}
[data-theme="brand-b"] .ui-button.ui-primary {
  @apply bg-purple-600 hover:bg-purple-700;
}