Blitz - WPT: color-scheme-iframe-background-mismatch-alpha.html

wpt / css / css-color-adjust / rendering / dark-color-scheme / color-scheme-iframe-background-mismatch-alpha.html

/css/css-color-adjust/rendering/dark-color-scheme/color-scheme-iframe-background-mismatch-alpha.html

<!doctype html>
<title>CSS Color Adjustment Test: iframe element with light color-scheme, frame document with dark color-scheme, :root background with alpha</title>
<link rel="help" href="https://drafts.csswg.org/css-color-adjust/#color-scheme-effect">
<link rel="match" href="support/dark-frame-alpha.html">
<style>
  html, body {
    margin: 0;
    height: 100%;
  }
  iframe {
    margin: 0;
    border: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: block;
  }
</style>
<iframe src="support/dark-frame-alpha.html"></iframe>

/css/css-color-adjust/rendering/dark-color-scheme/support/dark-frame-alpha.html

<!doctype html>
<style>
  :root {
    color-scheme: dark;
    background-color: rgba(0, 128, 0, 0.5);
  }
  p { color: lime }
</style>
<p>This text should be lime and the background should be green blended with a dark canvas.</p>