Rokkit 1.0.3

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.