📜 ⬆️ ⬇️

System Color Names in CSS

With inexpressible joy, I discovered that in the CSS2 standard there is support for system colors. I think the table below will be interesting to anyone who has ever tried to roll back CSS values ​​to default. All this joy is suitable for all browsers since IE 5 and Netscape 5.

Color nameDescription
ActiveBorderActive window border.
ActiveCaptionActive window caption.
AppworkspaceBackground color of multiple document interface.
BackgroundDesktop background.
ButtonfaceFace color for three-dimensional display elements.
ButtonHighlightDark shadow for three-dimensional display elements (for distance away from the light source).
ButtonShadowShadow color for three-dimensional display elements.
ButtonTextText on push buttons.
CaptionTextText in caption, size box, and scrollbar arrow box.
GraytextGrayed (disabled) text. This is not a solid gray color.
HighlightItem (s) selected in a control.
HighlighttextText of item (s) selected in a control.
InactiveBorderInactive window border.
InactivecaptionInactive window caption.
InactiveCaptionTextColor of text in an inactive caption.
InfobackgroundBackground color for tooltip controls.
InfoTextText color for tooltip controls.
MenuMenu background.
MenuTextText in menus.
ScrollbarScroll bar gray area.
ThreeDDarkShadowDark shadow for three-dimensional display elements.
ThreeDFaceFace color for three-dimensional display elements.
ThreeDHighlightHighlight color for three-dimensional display elements.
ThreeDLightShadowLight color for three-dimensional display elements.
ThreeDShadowDark shadow for three-dimensional display elements.
WindowWindow background.
WindowframeWindow frame.
WindowtextText in windows.

Example: test system colors

')

Source: https://habr.com/ru/post/42003/


All Articles