Same widget, a dark host page
This page sets --brand: #35e0c2 (a teal) at :root, on a dark background. There is no data-scheme on the script tag below, so the widget should detect the dark background on its own and give the accessibility panel a dark surface to match, instead of the light panel used on the main demo page.
What to check here versus index.html:
- The panel background and text should be dark, not the light panel from the other demo page.
- The accent should be this page's teal, not the other page's pale yellow, and it should still pass the contrast guard since teal on a dark surface is comfortably above 4.5:1 already.
- Reload with
?kwdebug=1in the URL. Since this accent already passes contrast, the console should log nothing for it, unlike the pale yellow demo.