Surfaces
DWC definieert drie niveaus van oppervlakken die worden gebruikt om de UI-hiërarchie te organiseren, gecombineerd met schaduwen. Alle paletkleuren zijn getest om voldoende contraste te hebben met deze oppervlakken.
Oppervlakken krijgen een subtiele tint van de primaire kleur en passen zich automatisch aan licht- en donkerstanden aan.
Voorbeeld
.element {
background: var(--dwc-surface-2);
}
Variabelen
| Variabele | Gebruik |
|---|---|
--dwc-surface-1 | Achtergrond van de pagina en het lichaam. |
--dwc-surface-2 | Toolbar, menubalken, kaarten. |
--dwc-surface-3 | Vensters, menu's, popovers, dialogen. |