Helle und dunkle Designs
Geben Sie Ihren Farb-Tokens einen Wert für den Dunkelmodus, legen Sie fest, ob Ihre Website dem Gerät des Besuchers folgt oder immer hell oder dunkel bleibt, und bestimmen Sie die Farben von markiertem Text.
Ihre Website kann Besuchern, deren Gerät auf dunkel eingestellt ist, eine dunkle Version zeigen, aus denselben Seiten: Sie geben Ihren Farb-Tokens einen zweiten Wert, und jede Ebene, die sie nutzt, folgt. Das kommt schrittweise in die Arbeitsbereiche, daher sehen Sie es vielleicht noch nicht.
Einer Farbe ihren dunklen Wert geben
- Öffnen Sie ein Farb-Token, unter Assets bei Tokens.
- Legen Sie unter seinem Wert Dunkelmodus fest. Bis dahin steht dort Wie im hellen Modus.
- Für eine Farbe in beiden Modi entfernen Sie ihn mit Wert für den Dunkelmodus entfernen.
Farben, die direkt auf einer Ebene stehen statt über ein Token, bleiben im Dunkelmodus gleich. Nutzen Sie Tokens für die Farben, die sich ändern sollen.
Es auf dem Canvas sehen
Folgt Ihre Website dem Gerät des Besuchers und hat sie mindestens einen dunklen Wert, bietet die obere Leiste Im Dunkelmodus zeigen: Der Canvas zeigt Ihre Seiten dann so, wie sie ein Besucher mit dunklem Gerät sieht. Schalten Sie es aus, um zum hellen Modus zurückzukehren.
Festlegen, wie Ihre Website aussieht
Im Website-Menü legt Darstellung… es für die ganze Website fest:
- Dem Gerät des Besuchers folgen, die Voreinstellung: Dunkle Geräte sehen die dunklen Werte, die anderen die hellen.
- Immer hell oder Immer dunkel: Jeder Besucher sieht dasselbe, egal welches Gerät er hat.
In beiden lesbar
Vor dem Veröffentlichen prüfen die Kontrollen Ihren Text auch im Dunkelmodus. Im Dunkelmodus ist Text vor seinem Hintergrund schwer lesbar. nennt den Text, den Sie verbessern sollten: Ändern Sie den dunklen Wert seines Tokens oder den seines Hintergrunds, bis er gut lesbar ist.
Markierter Text und Tippen
Darstellung… legt auch zwei kleine Farben fest, wenn Sie statt der des Browsers eigene möchten:
- Markierter Text: der Hintergrund der Markierung und die Farbe des markierten Texts, wenn ein Besucher Text markiert. Wählen Sie Markierungsfarbe festlegen, um zu beginnen.
- Tipp-Hervorhebung: was ein Telefon über einem Link oder einer Schaltfläche zeigt, während man darauf tippt. Wählen Sie Tipp-Hervorhebung festlegen.
Jede kann eine Farbe oder ein Token sein. Zurücksetzen kehrt zu der des Browsers zurück.