Re: [csswg-drafts] [css-ui] Colors to use for appearance:base `<select>` (#10909)

The CSS Working Group just discussed ``[css-ui] Colors to use for appearance:base `<select>` ``, and agreed to the following:

* `RESOLVED: Adopt ::check or ::checkmark for checkbox/radio checks`

<details><summary>The full IRC log of that discussion</summary>
&lt;fantasai> RESOLVED: Adopt ::check or ::checkmark for checkbox/radio checks<br>
&lt;jarhar> https://github.com/w3c/csswg-drafts/issues/10909#issuecomment-2435550602<br>
&lt;gregwhitworth> jarhar: in this comment which I posted, I tried to take Tim's proposed colors for appearance: base and use them in select<br>
&lt;gregwhitworth> jarhar: the one thing that may not have been fully implemented is the background color for the popover/picker<br>
&lt;gregwhitworth> jarhar: do people like these, do you not like these? ntim does this meet what you were thinking?<br>
&lt;gregwhitworth> keithamus: I'm not super stoked about the border being currentcolore<br>
&lt;gregwhitworth> jarhar: why do you not like that?<br>
&lt;ntim> q+<br>
&lt;emilio> q+<br>
&lt;fantasai> background: Field; needs to be paired with background: FieldText; to ensure contrast<br>
&lt;gregwhitworth> keithamus: I don't think it's that prevelant and I think a lot of design systems will adjust them and if the currentcolor or textcolor which will impact the border color it will create more work for devs<br>
&lt;gregwhitworth> keithamus: I know it's probably controversial but there's opportunity to add a color keyword which will be preferable, akin to accent-color. That's what design systems do<br>
&lt;masonf> Wouldn't that be weird though because borders don't inherit?<br>
&lt;gregwhitworth> keithamus: we assign a custom property define a color but they rarely if ever attach to current color<br>
&lt;gregwhitworth> ack ntim<br>
&lt;fantasai> Note the initial value of `border-color` is `currentColor`<br>
&lt;gregwhitworth> ntim: we discussed this proposal internally and having a special keyword for border keyword is a default that ensures contrast. The only one that ensures contrast is currentColor<br>
&lt;gregwhitworth> ntim: I don't think this is really feasible<br>
&lt;gregwhitworth> jensimmons: if I understand what you were saying, is that it seems weird to authors have borders absorb currentColor and why would that change border colors<br>
&lt;gregwhitworth> jensimmons: I was on your side but we're really boxxed in here, what if we invented a new system color and not any of the above<br>
&lt;gregwhitworth> jensimmons: and we went down every rabbit hole, I hate it but I'm convinced<br>
&lt;gregwhitworth> jensimmons: I posted on mastadon and 70% of devs got it wrong<br>
&lt;fantasai> color = foreground color<br>
&lt;fantasai> therefore also the default border-color<br>
&lt;gregwhitworth> jensimmons: people think that color == text color when the whole color of the thing means the whole color except for the parts that you have changed<br>
&lt;gregwhitworth> jensimmons: if you set color to green then you use the pseudo to change text-color, etc<br>
&lt;gregwhitworth> jensimmons: I can't reproduce the convos we've had<br>
&lt;gregwhitworth> keithamus: I don't want to downplay them but some things jump out at me<br>
&lt;gregwhitworth> keithamus: you say 70% of devs got it wrong and we're going to follow the opposite of their intuition<br>
&lt;gregwhitworth> keithamus: we have the opportunity to get it right today and set us on a path to help them<br>
&lt;jensimmons> This was my survey on Mastodon: https://front-end.social/@jensimmons/113312399553267089<br>
&lt;gregwhitworth> keithamus: ntim said two things, but contrast function that allows us to ensure it so we could use that? And what contrast are we trying to adhere to here?<br>
&lt;jensimmons> q+<br>
&lt;gregwhitworth> keithamus: ntim you mentioned the background is transparent<br>
&lt;gregwhitworth> jensimmons: that was an argument I kept making, if they change the color of the background and they haven't yet changed the borders, they're going to change them<br>
&lt;gregwhitworth> jensimmons: there are other states like high-contrast mode that we can map to them then that something else needs to tie into it<br>
&lt;gregwhitworth> jensimmons: I didn't know high contrast mode existed on Windows and you can't test that on Mac<br>
&lt;gregwhitworth> jensimmons: there may be different ways to set this<br>
&lt;emilio> Button / ButtonText / ButtonBorder do exist already fwiw, and they do work as you expect.<br>
&lt;gregwhitworth> jensimmons: regarding the background being transparent; this is just an experiment and we should debate them and maybe they're not the right color. Everything else doesn't have a background unless you add it<br>
&lt;jensimmons> q-<br>
&lt;gregwhitworth> emilio: I was going to make the opposite point is that if you make the background transparent then you actually don't get the system colors and that seems a bit odd and the default should behave better than that<br>
&lt;gregwhitworth> emilio: we do have system colors that do map almost to what we want, and we could define them to have something consistent and add some states but we can make them work<br>
&lt;gregwhitworth> emilio: we can spec them to do the correct thing and high contrast works and you don't get the weird behavior where text colors impact border colors<br>
&lt;tantek> FYI: changing color sets the border-color by default is from CSS1 https://www.w3.org/TR/REC-CSS1/#border-color<br>
&lt;gregwhitworth> emilio: it's also how native buttons are styles already<br>
&lt;ntim> q+<br>
&lt;gregwhitworth> emilio: I just want to raise that if we go with transparent option we need to acknowledge that things like high contrast are not going to work like we expect<br>
&lt;gregwhitworth> zakim, close the queue<br>
&lt;Zakim> ok, gregwhitworth, the speaker queue is closed<br>
&lt;gregwhitworth> emilio: let's get some base colors and system keywords that do something sensible and don't do anything fancy and that gets the right behavior<br>
&lt;gregwhitworth> dbaron: there was a point that fantasai made in IRC about system colors and the more I think about the popup being a system color brings the whole philosophy into question<br>
&lt;gregwhitworth> dbaron: we want to only take the styles from the page and not have system colors, and the popup has to have a background as it will just overlap stuff and this proposal give a system color background and you have to match them in pairs and you need to ensure contrast in pairs<br>
&lt;emilio> +1<br>
&lt;gregwhitworth> dbaron: what fantasai said as well is that we need to give the popup a system color as well but is calling the whole philosophy as well. Maybe it's ok that the in page parts don't have these but the picker uses system colors for background<br>
&lt;gregwhitworth> q?<br>
&lt;emilio> ack dbaron<br>
&lt;gregwhitworth> ack ntim<br>
&lt;emilio> ack ntim<br>
&lt;gregwhitworth> ntim: to dbaron point, dialog and popover use system colors by default in the UA stylesheet<br>
&lt;gregwhitworth> ntim: it wouldn't be going away from what we have now and have the in page follow one paradigm and it wouldn't go against prior art. I agree with fantasai that we should use pairs in popup to have system background colors<br>
&lt;emilio> Right, but then the question is why not doing the same everywhere else (not just popups)?<br>
&lt;gregwhitworth> Zakim, end meeting<br>
</details>


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


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

Received on Thursday, 24 October 2024 16:02:37 UTC