CSS system colors reference
A basic lookup table of the CSS system colors for forced-colors mode.
| Keyword | Description |
|---|---|
AccentColor |
Background color of user interface controls |
AccentColorText |
Text color of user interface controls |
ActiveText |
Active link text color |
ButtonBorder |
Button border color |
ButtonFace |
Button background color |
ButtonText |
Button text color |
Canvas |
Background color |
CanvasText |
Text color |
Field |
Input field background color |
FieldText |
Input field text color |
GrayText |
Disabled text color |
Highlight |
Selected text background color |
HighlightText |
Selected text color |
LinkText |
Link text color |
Mark |
Marked text background color |
MarkText |
Marked text color |
SelectedItem |
Background color of selected items e.g selected <option> |
SelectedItemText |
Text color of selected items e.g selected <option> |
VisitedText |
Text color of visited links |
As referenced from <system-color> CSS type on MDN.
Useful guides
- Forced colors explained by Polypane
- Windows High Contrast Mode, Forced Colors Mode And CSS Custom Properties by Smashing Magazine