Samenvatting
Elk blok op je website heeft een kleurmodus. Die kleurmodus bepaalt of het blok een lichte of donkere uitstraling heeft, en zorgt ervoor dat tekst, knoppen en iconen er automatisch goed uitzien op de achtergrond. Je hoeft dus niet handmatig elke kleur per blok aan te passen — de kleurmodus regelt dat voor je.
Hoe werkt het
Waar vind je dit?
- Selecteer een blok in de editor (klik op de linkerrand van het blok)
- Ga naar de tab Opmaak in het rechter paneel
- Bovenaan zie je vier gekleurde blokjes — dat zijn de vier kleurmodi
De vier kleurmodi
| Blokje | Naam | Themakleur (beweegt mee met je thema) | Wanneer gebruik je het? |
|---|---|---|---|
| ◻ Wit | Licht | Wit (color-white) |
Voor de meeste standaard blokken |
| ▫ Lichtgrijs | Licht tint | Neutraal 100 (color-neutral-100) |
Om blokken visueel van elkaar te scheiden |
| ▪ Donkergrijs | Donker tint | Neutraal 700 (color-neutral-700) |
Als je nadruk wilt geven zonder helemaal donker te gaan |
| ■ Zwart | Donker | Neutraal 800 (color-neutral-800) |
Voor footers, call-to-action of hero-secties |
Klik op een van de vier blokjes om de opmaak voor die specifieke modus in te stellen.
Hoe werken de kleurmodi precies?
- De kleuren zijn gebaseerd op het kleurenpalet van je thema. Pas je een kleur aan in het thema, dan werkt dat door in alle kleurmodi.
- Elk blok heeft een achtergrondkleur. Op basis van die achtergrond wordt automatisch bepaald welke kleurmodus actief is.
- De kleurmodus zorgt ervoor dat tekst, iconen en knoppen automatisch de juiste kleur krijgen. Op een donkere achtergrond wordt tekst bijvoorbeeld automatisch licht.
- Per kleurmodus kun je andere kleuren instellen voor tekst, iconen en knoppen. Zo kun je heel precies bepalen hoe je website eruitziet.
Vergrendelen
Naast de vier kleurblokjes zie je een slotje (vergrendel-knop). Als je daarop klikt, wordt de kleurmodus van dit blok vastgezet. Dat betekent dat het blok niet meeverandert als je globaal iets wijzigt aan de kleurmodi. Handig als je een blok hebt dat er altijd hetzelfde uit moet zien, ongeacht aanpassingen elders.
Goed om te weten
⚠️ Wijzigingen die je maakt in één kleurmodus hebben geen effect op de andere drie modi. Elke modus staat los van de andere.
- Wil je alle blokken op je website in één keer aanpassen? Doe dat via het Thema in plaats van per blok.
- Een nieuw blok begint standaard in de modus Licht.
Wanneer gebruik je dit
- Je hebt een blok met een donkere achtergrond en wilt dat tekst en knoppen er automatisch licht uitzien
- Je wilt per kleurvariant (licht of donker) andere stijlen instellen
- Je wilt een blok vergrendelen zodat het niet meeverandert als je globaal iets wijzigt
Veelgestelde vragen
Wat gebeurt er als ik de kleurmodus van een blok verander?
De tekst, knoppen en iconen in dat blok passen zich automatisch aan. Als je bijvoorbeeld van Licht naar Donker schakelt, wordt tekst automatisch licht op de donkere achtergrond.
Kan ik de kleuren van de kleurmodi zelf aanpassen?
Ja, dat doe je via het thema. Ga naar Thema → Kleuren om de kleuren per modus in te stellen.
Moet ik voor elk blok apart een kleurmodus kiezen?
Niet per se. Nieuwe blokken beginnen in de Licht-modus. Je hoeft de kleurmodus alleen aan te passen als je een blok een andere uitstraling wilt geven.