Re: [csswg-drafts] [css-ui] Tweaking outline-style: auto colors. (#7761)

So `accent-color` is [meant for form controls](https://w3c.github.io/csswg-drafts/css-ui/#widget-accent) ("widgets"), and I don't really think it should be used to change the focus ring or outline color on all elements. It is very unfortunate that the spec for `accent-color` was basically written as "do what you like, UA", so this is a grey area. But that was my interpretation of the spirit of the feature. Accent colors are pieces of form controls that typically render as an "accent" to the control. I don't think the outline falls into this category.

I'm curious about your comment that `outline-style: auto` is intended to be the *accent color* - isn't `outline-style` just the style (dotted, solid, etc.) of the outline?

I'm probably missing your point, so help me. But in Chromium, setting `outline-color` by itself just changes the color of whatever outline would normally be drawn. So setting `button {outline-color:red}` is a common way to change the color of focus rings without changing their style or dealing with `:focus-visible` rules. Setting `outline-style:auto` disables the focus ring painting behavior and just turns on the default outline (black 1.5px solid). But this feels fairly easy and works well, I'm not sure why we'd want to push toward `accent-color` for outlines.

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


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

Received on Friday, 4 November 2022 17:29:38 UTC