<html>
<head>
<title>CSS4 media query test: inverted-colors.</title>
</head>
<body>
  <iframe srcdoc='
  <style type="text/css">
  p { color: black; }

  @media (inverted-colors) {
      #a { color: green; }
  }
  </style>
  <p id="a"></p>
  '></iframe>
  <p>Before was: <span id="before">rgb(0, 0, 0)</span> - should be rgb(0, 0, 0)</p>
  <p>After was: <span id="after">rgb(0, 128, 0)</span> - should be rgb(0, 128, 0)</p>
</body>
</html>