CSS System Colors - CSS Colors | CSS: Presentation Layer
Standards Based Development
css2 introduced a set of named color values allowing for the specification of colors to integrate into the operating system's graphic environment.
For systems that do not have a corresponding value, the specified value should be mapped to the nearest system value, or default color.
Note: css system colors have been deprecated in the css3 color module.
Microsoft's inetsdk, the documentation for ie dhtml defines 28 colors that reflect the color's of the user's desktop scheme, provided that they were running ie4 for Win32. The colors will immediately adapt if the user changes their desktop scheme.
css system color values are listed below; each color property (color or background-color can take on of the following values (they are case insensitive):
| Color Value | Color Example |
|---|---|
ActiveBorder (#c6c3c6) | |
ActiveCaption (#000084) | |
AppWorkSpace (#848284) | |
Background (#008284) | |
ButtonFace (#c6c3c6) | |
ButtonHighlight (#fff) | |
ButtonShadow (#848284) | |
ButtonText (#fff) | |
CaptionText (#fff) | |
GrayText (#848284) | |
Highlight (#000084) | |
HighlighTtext (#fff) | |
InactiveBorder (#c6c3c6) | |
InactiveCaption (#848284) | |
InactiveCaptionText (#c6c3c6) | |
InfoBackground (#ffffe7) | |
InfoText (#fff) | |
Menu (#c6c3c6) | |
MenuText (#fff) | |
Scrollbar (#c6c3c6) | |
ThreeDDarkShadow (#fff) | |
ThreeDFace (#c6c3c6) | |
ThreeDHighlight (#fff) | |
ThreeDLightShadow (#dedfde) | |
ThreeDShadow (#848284) | |
Window (#fff) | |
WindowFrame (#fff) | |
WindowText (#fff) |
System Color Screenshots (Active Values are in red)
A drop shadow is generated automatically by the applications, defaulting to the threedhighlight value; if graytext is changed, the drop-shadow's value will conform, always being a lighter shade.
Explorer uses this value for regular selected text and menu selections, but not for the menu bar.
Navigator uses the value for the menu bar and menu selections, but not for regular text.
Explorer uses this value for regular selected text and menu selections, but not for the menu bar.
Navigator uses the value for the menu bar and menu selections, but not for regular text.