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