Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/fast/css/css2-system-color-expected.html 

<!DOCTYPE html>
<html>
<head>
<title>Color Test</title>
<style>
  html {
    font-size: 12px;
    width: 750px;
  }
  .box:after {
    content: " ";
    clear: both;
    display: block;
  }
  .inner {
    border-top: solid 1px;
    float: right;
    width: 620px;
  }
  .text {
    float: left;
  }
</style>
</head>
<body>
  <div class="box"><div class="text">ActiveBorder</div><div class="inner" style="background-color: rgb(118, 118, 118)">&nbsp;</div></div>
  <div class="box"><div class="text">ActiveCaption</div><div class="inner" style="background-color: rgb(0, 0, 0)">&nbsp;</div></div>
  <div class="box"><div class="text">ActiveText</div><div class="inner" style="background-color: rgb(255, 0, 0)">&nbsp;</div></div>
  <div class="box"><div class="text">AppWorkspace</div><div class="inner" style="background-color: rgb(255, 255, 255)">&nbsp;</div></div>
  <div class="box"><div class="text">Background</div><div class="inner" style="background-color: rgb(255, 255, 255)">&nbsp;</div></div>
  <div class="box"><div class="text">ButtonFace</div><div class="inner" style="background-color: rgb(239, 239, 239)">&nbsp;</div></div>
  <div class="box"><div class="text">ButtonHighlight</div><div class="inner" style="background-color: rgb(239, 239, 239)">&nbsp;</div></div>
  <div class="box"><div class="text">ButtonShadow</div><div class="inner" style="background-color: rgb(239, 239, 239)">&nbsp;</div></div>
  <div class="box"><div class="text">ButtonText</div><div class="inner" style="background-color: rgb(0, 0, 0)">&nbsp;</div></div>
  <div class="box"><div class="text">Canvas</div><div class="inner" style="background-color: rgb(255, 255, 255)">&nbsp;</div></div>
  <div class="box"><div class="text">CanvasText</div><div class="inner" style="background-color: rgb(0, 0, 0)">&nbsp;</div></div>
  <div class="box"><div class="text">CaptionText</div><div class="inner" style="background-color: rgb(0, 0, 0)">&nbsp;</div></div>
  <div class="box"><div class="text">Field</div><div class="inner" style="background-color: rgb(255, 255, 255)">&nbsp;</div></div>
  <div class="box"><div class="text">FieldText</div><div class="inner" style="background-color: rgb(0, 0, 0)">&nbsp;</div></div>
  <div class="box"><div class="text">GrayText</div><div class="inner" style="background-color: rgb(128, 128, 128)">&nbsp;</div></div>
  <div class="box"><div class="text">Highlight</div><div class="inner" style="background-color: rgba(0, 65, 198, 0.8)">&nbsp;</div></div>
  <div class="box"><div class="text">HighlightText</div><div class="inner" style="background-color: rgb(255,255,255)">&nbsp;</div></div>
  <div class="box"><div class="text">InactiveBorder</div><div class="inner" style="background-color: rgb(118, 118, 118)">&nbsp;</div></div>
  <div class="box"><div class="text">InactiveCaption</div><div class="inner" style="background-color: rgb(255, 255, 255)">&nbsp;</div></div>
  <div class="box"><div class="text">InactiveCaptionText</div><div class="inner" style="background-color: rgb(128, 128, 128)">&nbsp;</div></div>
  <div class="box"><div class="text">InfoBackground</div><div class="inner" style="background-color: rgb(255, 255, 255)">&nbsp;</div></div>
  <div class="box"><div class="text">InfoText</div><div class="inner" style="background-color: rgb(0, 0, 0)">&nbsp;</div></div>
  <div class="box"><div class="text">LinkText</div><div class="inner" style="background-color: rgb(0, 0, 238)">&nbsp;</div></div>
  <div class="box"><div class="text">Menu</div><div class="inner" style="background-color: rgb(255, 255, 255)">&nbsp;</div></div>
  <div class="box"><div class="text">MenuText</div><div class="inner" style="background-color: rgb(0, 0, 0)">&nbsp;</div></div>
  <div class="box"><div class="text">Scrollbar</div><div class="inner" style="background-color: rgb(255, 255, 255)">&nbsp;</div></div>
  <div class="box"><div class="text">ThreeDDarkShadow</div><div class="inner" style="background-color: rgb(118, 118, 118)">&nbsp;</div></div>
  <div class="box"><div class="text">ThreeDFace</div><div class="inner" style="background-color: rgb(239, 239, 239)">&nbsp;</div></div>
  <div class="box"><div class="text">ThreeDHighlight</div><div class="inner" style="background-color: rgb(118, 118, 118)">&nbsp;</div></div>
  <div class="box"><div class="text">ThreeDLightShadow</div><div class="inner" style="background-color: rgb(118, 118, 118)">&nbsp;</div></div>
  <div class="box"><div class="text">ThreeDShadow</div><div class="inner" style="background-color: rgb(118, 118, 118)">&nbsp;</div></div>
  <div class="box"><div class="text">VisitedText</div><div class="inner" style="background-color: rgb(85, 26, 139)">&nbsp;</div></div>
  <div class="box"><div class="text">Window</div><div class="inner" style="background-color: rgb(255, 255, 255)">&nbsp;</div></div>
  <div class="box"><div class="text">WindowFrame</div><div class="inner" style="background-color: rgb(118, 118, 118)">&nbsp;</div></div>
  <div class="box"><div class="text">WindowText</div><div class="inner" style="background-color: rgb(0, 0, 0)">&nbsp;</div></div>
</body>
</html>