CSS System Colours
This entire page was created using CSS to display the system colours on your machine.
Change your system colours and see the page change.
Disable style sheets, or view without style, to see how powerful CSS really is.
- ActiveBorder
- Active window border.
- ActiveCaption
- Active window caption.
- AppWorkspace
- Background colour of multiple document interface.
- Background
- Desktop background.
- ButtonFace
- Face colour for three-dimensional display elements.
- ButtonHighlight
- Highlight colour for three-dimensional display elements (for edges facing away from the light source).
- ButtonShadow
- Shadow colour for three-dimensional display elements.
- ButtonText
- Text on push buttons.
- CaptionText
- Text in caption, size box, and scrollbar arrow box.
- GrayText
- Grayed (disabled) text. This colour is set to #000 if the current display driver does not support a solid gray colour.
- Highlight
- Item(s) selected in a control.
- HighlightText
- Text of item(s) selected in a control.
- InactiveBorder
- Inactive window border.
- InactiveCaption
- Inactive window caption.
- InactiveCaptionText
- Color of text in an inactive caption.
- InfoBackground
- Background colour for tooltip controls.
- InfoText
- Text colour for tooltip controls.
- Menu
- Menu background.
- MenuText
- Text in menus.
- Scrollbar
- Scroll bar gray area.
- ThreeDDarkShadow
- Dark shadow for three-dimensional display elements.
- ThreeDFace
- Face colour for three-dimensional display elements.
- ThreeDHighlight
- Highlight colour for three-dimensional display elements.
- ThreeDLightShadow
- Light colour for three-dimensional display elements (for edges facing the light source).
- ThreeDShadow
- Dark shadow for three-dimensional display elements.
- Window
- Window background.
- WindowFrame
- Window frame.
- WindowText
- Text in windows.