De pagina wordt geladen…
De pagina wordt geladen…
Vijf kleuren bepalen het hele thema; de overige tinten en de donkere set worden afgeleid.
Alle tinten worden bijgesteld tot AA-contrast (4,5:1). Opslaan schrijft alle 46 kleurtokens; een handmatige wijziging bij “Alle kleurtokens” daarna wint gewoon — de laatste schrijver telt.
Voorbeeld op een minidashboard — alle overige tinten, vlakken en de donkere set zijn afgeleid; te laag contrast is automatisch bijgesteld tot AA (4,5:1).
Kleurtokens van het dashboard, als hex-kleur (#rgb, #rgba, #rrggbb of #rrggbbaa). “Standaard” verwijdert de eigen waarde; dan geldt de ingebouwde huisstijl weer.
| Token | Standaard | Waarde | |
|---|---|---|---|
--bw-teal | |||
--bw-teal-dark | |||
--bw-blue | |||
--bw-orange | |||
--bw-blue-light | |||
--bw-bg | |||
--bw-text | |||
--bw-text-secondary | |||
--bw-border | |||
--bw-track | |||
--bw-row-border | |||
--bw-groen | |||
--bw-oranje | |||
--bw-rood | |||
--bw-header-tab-inactive | |||
--bw-header-meta | |||
--bw-kaart | |||
--bw-header-tekst | |||
--bw-tekst-op-accent | |||
--bw-vlak-verhoogd | |||
--bw-veld | |||
--bw-fout-vlak | |||
--bw-fout-rand |
| Token | Standaard | Waarde | |
|---|---|---|---|
donker.--bw-teal | |||
donker.--bw-teal-dark | |||
donker.--bw-blue | |||
donker.--bw-orange | |||
donker.--bw-blue-light | |||
donker.--bw-bg | |||
donker.--bw-text | |||
donker.--bw-text-secondary | |||
donker.--bw-border | |||
donker.--bw-track | |||
donker.--bw-row-border | |||
donker.--bw-groen | |||
donker.--bw-oranje | |||
donker.--bw-rood | |||
donker.--bw-header-tab-inactive | |||
donker.--bw-header-meta | |||
donker.--bw-kaart | |||
donker.--bw-header-tekst | |||
donker.--bw-tekst-op-accent | |||
donker.--bw-vlak-verhoogd | |||
donker.--bw-veld | |||
donker.--bw-fout-vlak | |||
donker.--bw-fout-rand |