Whitelabeling means replacing Rokkit's default colors with your own brand palette. Because the
entire color system is driven by CSS custom properties, a full rebrand requires only a palette override in your UnoCSS config — no CSS overrides needed:
javascript
Highlighting code...
For per-client whitelabeling (multiple palettes at runtime), use CSS custom property overrides
scoped to a wrapper element. Each client's palette is a small CSS block that sets the --color-primary-* and --color-secondary-* variables:
.client-acme {
--color-primary-500: #e11d48;
--color-secondary-500: #7c3aed;
} Wrap each tenant's content in a <div class="client-acme"> and all Rokkit components
inside will use that palette automatically. This works with any number of palettes on the same page
simultaneously.