Blitz - WPT: color-scheme-rule-cache.html

wpt / css / css-color-adjust / rendering / dark-color-scheme / color-scheme-rule-cache.html

/css/css-color-adjust/rendering/dark-color-scheme/color-scheme-rule-cache.html

<!doctype html>
<meta charset="utf-8">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1914735">
<link rel="author" href="mailto:kizmarh@gmail.com" title="Roman Komarov">
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
<link rel="author" href="https://mozilla.org" title="Mozilla">
<link rel="match" href="color-scheme-rule-cache-ref.html">
<title>Dependencies from color-scheme to non-inherited properties</title>
<style>
div {
  background-color: Canvas;
  color: CanvasText;
  border: 2px solid light-dark(blue, purple);
}
</style>
<div style="color-scheme: light">
  Always light
</div>
<div style="color-scheme: dark">
  Always dark
</div>

/css/css-color-adjust/rendering/dark-color-scheme/color-scheme-rule-cache-ref.html

<!doctype html>
<meta charset="utf-8">
<title>CSS Test Reference</title>
<style>
.dark {
  color-scheme: dark;
  background-color: Canvas;
  color: CanvasText;
  border: 2px solid purple;
}
.light {
  background-color: white;
  color: black;
  border: 2px solid blue;
}
</style>
<div class="light">
  Always light
</div>
<div class="dark">
  Always dark
</div>