Zum Inhalt springen

Themes

Themes. Stelle ein Theme aus vier Teilen zusammen — einem Token-Satz, einem Icon-Pack, Typografie und einem optionalen CSS-Style-Pack — und sieh es live über die Shell und jede offene App in der Vorschau. Themes sind Vault-Objekte wie alles andere.

Themes: Der Token-SatzThemes: Der Token-Satz
Der Token-Satz — Semantische Tokens mit Live-Farbmustern und Zurücksetzen pro Token, über einer hellen oder dunklen Basis.
Themes: TypografieThemes: Typografie
Typografie — Font-Stacks pro Rolle und eine Dichteskala, live in der Vorschau.
  • Bearbeite den semantischen Token-Namensraum mit Live-Farbmustern, einem Farbwähler und Zurücksetzen pro Token, gegen eine helle oder dunkle Basis.
  • Wähle ein Icon-Pack und setze Font-Stacks pro Rolle — UI, Body, Code, Display — plus eine Dichteskala.
  • Ein Roh-CSS-Style-Pack-Editor, dessen Sanitizer gefährliche Konstrukte ablehnt und das Speichern bei Fehlern blockiert.
  • Ein Knopf zeigt die Komposition über dem Dashboard und jedem App-Fenster in der Vorschau und macht dann automatisch rückgängig.
  • WCAG-Kontrast-Prüfung markiert unlesbare Token-Paare.
  • Reiche das CSS des Style-Packs an die Code-App für eine vollständige Bearbeitungsoberfläche.