Status: PASS | Duration: 8ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi
/css/css-color/light-dark-currentcolor.html
<!doctype html> <meta charset="utf-8"> <title>CurrentColor can be used inside light-dark</title> <link rel="help" href="https://drafts.csswg.org/css-color-adjust/#color-scheme-effect"> <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/7561"> <link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html"> <style> .square { width: 100px; height: 100px; color: green; background-color: light-dark(currentColor, currentColor); } </style> <p>Test passes if there is a filled green square.</p> <div class="square"></div>
/css/reference/ref-filled-green-100px-square-only.html
<!DOCTYPE html> <link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> <p>Test passes if there is a filled green square.</p> <div style="width:100px; height:100px; background:green;"></div>