Presets
Four built-in presets. Pick one on init, switch any time, or override individual tokens without changing the preset.
Zinc
The default. Clean neutral grays that work in any app.
Slate
Cool blue-gray tones. Great for productivity tools.
Rose
Warm rose primary. Ideal for lifestyle, health, or social apps.
Midnight
Deep dark with violet accents. Perfect for developer or finance tools.
Switching preset
native-mate.json
1
{ "preset": "rose", "componentsDir": "components/ui" }The preset is read by ThemeProvider at runtime. Changing it takes effect immediately on the next hot reload — no rebuild required.
Customise from Theme Studio
Use the Theme Studio to preview presets and generate a native-mate.json with your overrides.