Skip to content
WARLOCKEnter the desktopSearch

Color

Lacquer joins mineral black, warm ivory and deep red with purposeful information colors.

Appearances

Night, Dawn and High contrast share semantic roles. High contrast uses black neutral surfaces and white text and boundaries. The theme control on this page changes documentation, not desktop Settings.

Semantic colors

canvas
--wl-sys-color-canvas
surface
--wl-sys-color-surface
surface-raised
--wl-sys-color-surface-raised
surface-selected
--wl-sys-color-surface-selected
action-fill
--wl-sys-color-action-fill
focus
--wl-sys-color-focus
positive
--wl-sys-color-positive
warning
--wl-sys-color-warning
danger
--wl-sys-color-danger

Approved contrast pairs

Night text on surface is 15.89:1; Dawn text on surface is 18.10:1. Night on-action on default action fill is 6.49:1; Dawn is 7.62:1. High contrast black on white is 21:1. Download the approved contrast manifest.

Brand and danger

Red denotes identity, active application contours, selection bars and affirmative action. Danger uses a neutral surface, danger outline, stop symbol, reason and explicit action label.

Disabled and selected

Disabled text uses text-secondary at full opacity with disabled semantics and an unavailable cue. Selection combines selected fill with a leading bar and a check or existing selected wording.

These labeled samples hold each state still for comparison. The disabled example is unavailable; the danger sample shows neutral destructive chrome.

Night

ActionAction hoverAction pressed✓ Selected⛔ Danger: confirm

Dawn

ActionAction hoverAction pressed✓ Selected⛔ Danger: confirm

High contrast

ActionAction hoverAction pressed✓ Selected⛔ Danger: confirm

Token downloads

Download CSS tokens and token source.