OriaTheme
GitHub

Für Theme-Benutzer

Bearbeitbare Stile

Der Editor verändert ein komplettes visuelles System, nicht Ihre Seitenstruktur oder willkürliche CSS.

Was Sie bearbeiten können

KategorieWirkungs- und RepräsentationsfelderWas Sie erwartet
FarbeHintergrund, Vordergrund, Oberflächen, primär/sekundär/Akzent, Interaktion und Feedback.Die meisten semantischen Farben können sich in Hell und Dunkel unterscheiden.
TypografieFamilien, neun Strichstärken, Größen, Strichhöhen, Spurweite.Gemeinsam genutzte Standardfelder aktualisieren beide Modi.
Layout und FormBasisabstandseinheit, Kontrollgrößenmultiplikatoren, Radius, Ränder und Fokusring.Ändert Rhythmus und Silhouette.
Tiefe und MaterialSchatten, Unschärfe, Sättigung, strukturierte Farbverläufe, Hintergrund-/Oberflächenmuster.Eingaben sind eingeschränkte strukturierte Werte.
BewegungDauer und Entspannungskurven.Gemeinsam genutzte Standardfelder aktualisieren beide Modi.

Hell und Dunkel sind zwei Arbeitsflächen

Der Editormodus-Schalter wählt den Darstellungsbereich, den Sie bearbeiten. Farben und Materialien können je nach Modus variieren, während gemeinsame Felder absichtlich konsistent bleiben.

Was der Herausgeber nicht tut

Die Anwendungsinformationsarchitektur, der Seiteninhalt, die Komponentenstruktur oder beliebige CSS werden nicht geändert. Um Änderungen zu sehen, müssen Komponenten in einer App OriaTheme CSS-Variablen nutzen.

Grundfarben und semantische Farben verstehen