Ausgabe

Direkt als Datei nach packages/themes/src/variants/ — das Hausformat.

/**
 * mein-kolorit — erzeugt mit kolorit (kolorit.mana.how)
 *
 * 12 Tokens nach mana/docs/THEMING.md, rohe HSL-Kanäle ohne hsl()-Wrapper.
 * Jeder Kontrast wurde beim Ableiten erzwungen, nicht nur gemessen.
 *
 * Author: mana
 */

:root[data-theme='mein-kolorit'] {
	--color-background: 240 100% 100%;
	--color-foreground: 230 11% 11%;
	--color-surface: 220 23% 97%;
	--color-surface-hover: 220 19% 94%;
	--color-muted: 225 20% 92%;
	--color-muted-foreground: 223 3% 40%;
	--color-border: 220 4% 59%;
	--color-primary: 230 58% 40%;
	--color-primary-foreground: 210 20% 98%;
	--color-error: 4 50% 48%;
	--color-success: 143 100% 25%;
	--color-warning: 40 100% 32%;
}

:root.dark[data-theme='mein-kolorit'],
:root[data-theme='mein-kolorit'].dark {
	--color-background: 240 6% 7%;
	--color-foreground: 220 39% 95%;
	--color-surface: 240 4% 10%;
	--color-surface-hover: 225 6% 14%;
	--color-muted: 228 7% 13%;
	--color-muted-foreground: 225 9% 82%;
	--color-border: 225 4% 38%;
	--color-primary: 224 100% 86%;
	--color-primary-foreground: 0 0% 0%;
	--color-error: 6 100% 77%;
	--color-success: 131 47% 58%;
	--color-warning: 38 86% 56%;
}