Re: [csswg-drafts] Allow specifying the "accent color" of a form control element (#5187)

> * On macOS, the system accent color affects how focus rings are rendered.  Should `accent-color` be allowed to influence focus styling?

Focus rings can already be styled with CSS like  `:focus { outline: 5px solid orange }`.

> * Is there any relation to `<meta name="theme-color">`?

For some sites, yes, but I can also see them also wanting to choose a different color.

> * Existing form control designs may be amenable to some accent colors but not others.  For example, the Chrome checkbox design wouldn't work with `accent-color: white` unless the checkmark color changes in response.  Is this anything to worry about, or is it sufficient to have some wording that encourages engines to ensure their designs can adapt to all choices of `accent-color`?

I think we should add the language you suggested.

> * Do we need to think about how a future form control styling mechanism would interact with `accent-color`?  What about Web components that implement form controls, and which want to adapt their styling to the accent color?

We could perhaps define a pseudo element on custom form controls that accent-color automatically applies to? That's kind of what the `accent-color` I am proposing conceptually does.


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

Received on Wednesday, 1 July 2020 16:19:02 UTC