Das Boilerplate wird mit neun eingebauten Farbthemen ausgeliefert: default, ocean, forest, sunset, midnight, coral, slate, aurora und crimson. Um das Theme zu wechseln, genügt es, die Umgebungsvariable COLOR_THEME zu setzen – keine Code-Änderungen, kein Rebuild der Komponenten-Dateien.
Jedes Theme definiert seine Farbpalette als CSS Custom Properties, und alle Komponenten verwenden semantische Tailwind-Klassen (bg-primary, text-muted-foreground) statt hartcodierter Farbwerte. Der Dark Mode wird automatisch gehandhabt: Jedes Theme enthält sowohl eine helle als auch eine dunkle Variante, die über die prefers-color-scheme-Media-Query und Tailwinds dark:-Präfix angewendet werden.
Contributors
Sascha Rahn