W3C home > Mailing lists > Public > public-css-archive@w3.org > January 2021

Re: [csswg-drafts] [css-ui-4] Use of accent color outside of form control elements (#5657)

From: CSS Meeting Bot via GitHub <sysbot+gh@w3.org>
Date: Wed, 27 Jan 2021 17:35:50 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-768451736-1611768948-sysbot+gh@w3.org>
The CSS Working Group just discussed `[css-ui-4] Use of accent color outside of form control elements`, and agreed to the following:

* `RESOLVED: UAs may use an accent-color outside of form controls at their discretion`

<details><summary>The full IRC log of that discussion</summary>
&lt;dael> Topic: [css-ui-4] Use of accent color outside of form control elements<br>
&lt;fantasai> s/minimum/minimum -- and anything else that might affect it in the future/<br>
&lt;dael> github: https://github.com/w3c/csswg-drafts/issues/5657<br>
&lt;dael> florian: Introduced accent-color to let you change it when there is one. Mostly talked about it as form controls. But there are other things that might be colored link scrollbars or the selection color or an outline color.<br>
&lt;dael> florian: Are these supposed to be influenced? I'd say yes but didn't discuss it explicitly<br>
&lt;dael> leaverou: I think they should and authors should be able to access this property if there isn't already<br>
&lt;dael> florian: You mean default?<br>
&lt;dael> leaverou: If you override can authors use in other properties?<br>
&lt;dael> florian: Author sets it<br>
&lt;dael> leaverou: If I set accent-color is there a keyword like currentColor?<br>
&lt;dael> florian: No<br>
&lt;dael> leaverou: Should be<br>
&lt;dael> florian: Can't you set a variable?<br>
&lt;dael> leaverou: Can but variable is a contract between values but accent-color is a global<br>
&lt;dael> chris: Seems you should do it like this, but it's not a single author that writes stylesheet<br>
&lt;dael> florian: Sounds like a separate issue. Can you file a new issue? It's interesting<br>
&lt;dael> leaverou: Yes<br>
&lt;dael> florian: So are we going to apply this to scrollbars, outlines, all things that could be colored.<br>
&lt;dael> fantasai: I think UA should be allowed to do so. We need to be clear about definition as to what an accent-color is. Scrollbars mostly don't have accent-colors. accent color is the color that stands out. Inthat light I think it makes sense to allow UA to use it any place where it derives a color, but I think it should be a may so UA can decide if it's able<br>
&lt;dael> chris: This is behind the scenes magic?<br>
&lt;jensimmons> q+<br>
&lt;dael> florian: Yeah b/c we don't know how UA builds these in the first place. To extent they use one.<br>
&lt;astearns> ack jensimmons<br>
&lt;dael> jensimmons: Thinking about setting universal accent for my whole site as an author it feels like not knowing all details of where it shows in form control makes sense to me. Having whole scrollbar that color is too much<br>
&lt;dael> florian: Wouldn't be, though<br>
&lt;dael> jensimmons: If scrollbar still have arrow it could color that<br>
&lt;dael> florian: Not adding colors where they aren't. But if UA is using a blue accent you ask to switch to purple<br>
&lt;dael> fantasai: I think we should give an example in spec as to what effect it would have<br>
&lt;fantasai> s/would have/would have to set it on the root and letting it inherit through/<br>
&lt;dael> florian: Example is in macOS you can change accent color of whole system. You highlight color for selection changes. And other places<br>
&lt;dael> leaverou: Is UA allowed to use varations of it? Can UA make it lighter or darker?<br>
&lt;dael> florian: It's speced that yes.<br>
&lt;dael> leaverou: Okay<br>
&lt;fantasai> https://drafts.csswg.org/css-ui-4/#widget-accent<br>
&lt;dael> florian: Main cases is to maintain contrast or b/c if you think of aqua mac OS with gradients you don't want to substitute a gradient with a flat color.<br>
&lt;fantasai> "The UA should use the specified accent-color to draw whichever parts of the element’s control(s) would have otherwise been styled with an accent color. The UA must maintain contrast for legibility of the control, and in order to do so may adjust the luminance or brightness of the color or make color substitutions in other parts of the control (e.g. switching an overlaid glyph from using color to using<br>
&lt;fantasai> background-color). It may also generate variations of the color for gradients etc. to match the control to platform conventions for the use of the accent color."<br>
&lt;dael> astearns: Hearing yest we should allow UAs to use accent color outside of form controls. Leave to UA if it's appropriate<br>
&lt;dael> smfr: Confused about how relates to system colors. Do we want to prevent this from leaking?<br>
&lt;dael> TabAtkins: accent-color isn't user privacy<br>
&lt;dael> smfr: Author spec, right.<br>
&lt;dael> jensimmons: Makes a lot of sense to work outside of form controls. Want it to be up to browser or vendor of how it works. Should have clear language around that this is for accents, not just coloring all the bits. These are things that are true accent colors. Would allow authors to set univerally and not have unintended consiquences.<br>
&lt;dael> fantasai: Spec does have wording. If you want to suggest improvements give it a look<br>
&lt;dael> astearns: Risk of unintended consiquences if user has accent-color and likes what Safari does but doesn't check Chrome. But b/c nature of feature this is just a hint which the browser can do what they want. That possible mis-match comes with territory<br>
&lt;dael> florian: Examples from leaverou and jensimmons are reasonable. They're intended to be covered in spec text. Pelease give a look and feedback<br>
&lt;jensimmons> cool, yes, fantasai &amp; florian on taking a look at what you've already done on this. Thank you.<br>
&lt;dael> astearns: Prop: UAs may use an accent-color outside of form controls at their discression<br>
&lt;dael> RESOLVED: UAs may use an accent-color outside of form controls at their discretion<br>

GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5657#issuecomment-768451736 using your GitHub account

Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 27 January 2021 17:35:52 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 19 October 2021 01:31:38 UTC