This page lists the CSS "System Colors", that change depending on your system's color scheme. They can be used to make any page dark mode aware with a minimal amount of effort. For more info, see the MDN pages on <system-color> and color-scheme.

Name Color Purpose
AccentColorBackground of accented user interface controls.
AccentColorTextText of accented user interface controls.
ActiveTextText of active links.
ButtonBorderBase border color of controls.
ButtonFaceBackground color of controls.
ButtonTextText color of controls.
CanvasBackground of application content or documents.
CanvasTextText color in application content or documents.
FieldBackground of input fields.
FieldTextText in input fields.
GrayTextText color for disabled items (for example, a disabled control).
HighlightBackground of selected items.
HighlightTextText color of selected items.
LinkTextText of non-active, non-visited links.
MarkBackground of text that has been specially marked (such as by the HTML mark element).
MarkTextText that has been specially marked (such as by the HTML mark element).
SelectedItemBackground of selected items, for example, a selected checkbox.
SelectedItemTextText of selected items.
VisitedTextText of visited links.