Re: [csswg-drafts] [css-color] Consider exposing native accent color as a system color keyword. (#7347)

Made a codepen to debug the browsers:

https://codepen.io/shortfuse/pen/LYgoKQe

----

`Firefox` actually picks up the system color on Android.  Firefox appears to use `AccentColor` and `AccentColorText` for the native control accent. The fact accent is Blue/White and not closer to Blue/BackgroundText  means the native controls look odd. (There's a Radio in the demo to check this).

Dark scheme should make things darker, not just invert the colors. 

Another observation is that Firefox's Highlight changes the tone on Windows in Dark Scheme. This doesn't happen on Android and it correctly picks up the System Theme's tone and applies the same Accent/Highlight base color, which just a change to opacity on Highlight (30.6%).

----

Chrome does not appear to have any difference for `AccentColor[Text]` yet, even on Canary (might be a flag). Though I did notice `HighlightText` changes on Dark Scheme without changing `Highlight`, meaning the contrast is wrong and makes it hard to read.

-----

Webkit:

Couldn't find anything to change the system color on my iPad, but even in dark mode, all colors are constant with the exception of `BackgroundText`. That includes keeping `Highlight` bright in dark mode. No support for `Accent`.

-- 
GitHub Notification of comment by clshortfuse
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7347#issuecomment-1572128148 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 1 June 2023 14:08:34 UTC