CSS2 Test Suite: 18.2 User preferences for colors

The style declarations contained within this page:

.cl1 {color: ActiveBorder;}
.cl2 {color: ActiveCaption;}
.cl3 {color: AppWorkspace;}
.cl4 {color: Background;}
.cl5 {color: ButtonFace;}
.cl6 {color: ButtonHighlight;}
.cl7 {color: ButtonShadow;}
.cl8 {color: ButtonText;}
.cl9 {color: CaptionText;}
.cl10 {color: GrayText;}
.cl11 {color: Highlight;}
.cl12 {color: HighlightText;}
.cl13 {color: InactiveBorder;}
.cl14 {color: InactiveCaption;}
.cl15 {color: InactiveCaptionText;}
.cl16 {color: InfoBackground;}
.cl17 {color: InfoText;}
.cl18 {color: Menu;}
.cl19 {color: MenuText;}
.cl20 {color: Scrollbar;}
.cl21 {color: ThreeDDarkShadow;}
.cl22 {color: ThreeDFace;}
.cl23 {color: ThreeDHighlight;}
.cl24 {color: ThreeDLightShadow;}
.cl25 {color: ThreeDShadow;}
.cl26 {color: Window;}
.cl27 {color: WindowFrame;}
.cl28 {color: WindowText;}

The list items in the following list are all set to various colors. These should match elements of the user agent's operating system or other computing environment.

• [cl1] This list item's foreground should match an active window border.
• [cl2] This list item's foreground should match an active window caption.
• [cl3] This list item's foreground should match an application's (not a document's) background.
• [cl4] This list item's foreground should match the desktop background.
• [cl5] This list item's foreground should match a button's face.
• [cl6] This list item's foreground should match the specular highlight on a button.
• [cl7] This list item's foreground should match the shadow on a button.
• [cl8] This list item's foreground should match the text of a button.
• [cl9] This list item's foreground should match caption text.
• [cl10] This list item's foreground should match disabled text.
• [cl11] This list item's foreground should match a highlighted control.
• [cl12] This list item's foreground should match the text of a highlighted control.
• [cl13] This list item's foreground should match an inactive window border.
• [cl14] This list item's foreground should match an inactive window caption.
• [cl15] This list item's foreground should match the text of an inactive caption.
• [cl16] This list item's foreground should match the background color of tooltips.
• [cl17] This list item's foreground should match the text of tooltips.
• [cl18] This list item's foreground should match a menu's background.
• [cl19] This list item's foreground should match the text of a menu.
• [cl20] This list item's foreground should match the gray areas of a scrollbar.
• [cl21] This list item's foreground should match the dark shadow of any 3D display element.
• [cl22] This list item's foreground should match the face of any 3D display element.
• [cl23] This list item's foreground should match the highlight of any 3D display element.
• [cl24] This list item's foreground should match the the light shadow of any 3D display element.
• [cl25] This list item's foreground should match the dark shadow in any 3D display element.
• [cl26] This list item's foreground should match the background of a window.
• [cl27] This list item's foreground should match the frame of a window.
• [cl28] This list item's foreground should match the text in a window.