Lichte en donkere thema’s
Geef je kleurtokens een waarde voor de donkere modus, kies of je site het apparaat van de bezoeker volgt of altijd licht of donker blijft, en stel de kleuren van geselecteerde tekst in.
Je site kan een donkere versie tonen aan bezoekers van wie het apparaat op donker staat, vanuit dezelfde pagina’s: je geeft je kleurtokens een tweede waarde, en elke laag die ze gebruikt volgt. Dit komt in stappen naar de werkruimtes, dus misschien zie je het nog niet.
Een kleur haar donkere waarde geven
- Open een kleurtoken, in Assets onder Tokens.
- Stel onder de waarde Donkere modus in. Zolang je dat niet doet, staat er Hetzelfde als in de lichte modus.
- Wil je weer één kleur voor beide, verwijder ze dan met Waarde voor de donkere modus verwijderen.
Kleuren die je rechtstreeks op een laag zet, zonder token, blijven in de donkere modus hetzelfde. Gebruik tokens voor de kleuren die moeten veranderen.
Het zien op het canvas
Als je site het apparaat van de bezoeker volgt en minstens één donkere waarde heeft, staat in de bovenbalk Tonen in donkere modus: het canvas toont je pagina’s dan zoals een bezoeker met een donker apparaat ze ziet. Zet het uit om terug te gaan naar licht.
Kiezen hoe je site eruitziet
In het sitemenu stelt Weergave… het in voor de hele site:
- Het apparaat van de bezoeker volgen, standaard: donkere apparaten zien de donkere waarden, de andere de lichte.
- Altijd licht of Altijd donker: elke bezoeker ziet hetzelfde, welk apparaat hij ook heeft.
Leesbaar in beide
Voor je publiceert, kijken de controles ook naar je tekst in de donkere modus. In de donkere modus is tekst moeilijk leesbaar op de achtergrond. noemt de tekst om te verbeteren: pas de donkere waarde van zijn token aan, of die van zijn achtergrond, tot hij goed leest.
Geselecteerde tekst en tikken
Weergave… stelt ook twee kleine kleuren in, als je je eigen wilt in plaats van die van de browser:
- Geselecteerde tekst: de Achtergrond van de selectie en de Kleur van geselecteerde tekst wanneer een bezoeker tekst selecteert. Kies Selectiekleur instellen om te beginnen.
- Tikmarkering: wat een telefoon toont over een link of knop terwijl je erop tikt. Kies Tikmarkering instellen.
Elk kan een kleur of een token zijn. Herstellen gaat terug naar die van de browser.