Re: [csswg-drafts] [css-ui-4] Transparent accent colors (#9852)

The CSS Working Group just discussed `[css-ui-4] Transparent accent colors`, and agreed to the following:

* `RESOLVED: Precompose semi-transparent accent-colors over Canvas`

<details><summary>The full IRC log of that discussion</summary>
&lt;emeyer> florian: Spec doesn't say what happens if an accent color is partially transparent<br>
&lt;emeyer> …Browser do different things<br>
&lt;emeyer> …The point of the color isn't supposed to just increase contrast, it's to set an accent color<br>
&lt;emeyer> …Blink browxsers ignore the transparency<br>
&lt;emeyer> …Firefox transposes over white<br>
&lt;emeyer> …FF probably makes a little more sense, but it was raised that maybe you don't always what to compose over white<br>
&lt;emeyer> …Maybe should compose over Canvas instead, to honor light/dark mode<br>
&lt;fantasai> sgtm<br>
&lt;jarhar> q?<br>
&lt;TabAtkins> +1<br>
&lt;emeyer> …Composing over white/block depending on light/dark mode is closer to author intent and preserves contrasts<br>
&lt;nicole> q+<br>
&lt;jarhar> +1<br>
&lt;fserb> +1<br>
&lt;miriam> +1<br>
&lt;kbabbitt> +1<br>
&lt;alisonmaher> +1<br>
&lt;astearns> ack nicole<br>
&lt;emeyer> nicole: I think we should look at all the ways accents are used in all the form controls<br>
&lt;emeyer> …How it's used in dropdowns might be more surprising<br>
&lt;emeyer> …If a color's blended with another color, it wouldn't make snse to do something unexpected in there<br>
&lt;emeyer> …The analysis needs to surpass radio buttons<br>
&lt;emeyer> florian: Regardless of what we do, the resulting color can be used in all sorts of ways to blend with whatever it wants<br>
&lt;emeyer> …If the author only supplies 'transparent', what do they mean?<br>
&lt;emeyer> …Right now, transparent means transparent over black, and that's a problem<br>
&lt;emeyer> …If you say transparent blue, did you mean faint blue, or black?<br>
&lt;jarhar> q+<br>
&lt;emeyer> nicole: got it<br>
&lt;astearns> ack jarhar<br>
&lt;emeyer> jarhar: Be happy to post on the issue what all the form control look like with various transparencies<br>
&lt;astearns> ack fantasai<br>
&lt;Zakim> fantasai, you wanted to ask used vs computed<br>
&lt;emeyer> fantasai: Is this computed time or used value time<br>
&lt;emeyer> florian: I think used, but not sure it makes a difference<br>
&lt;kizu> q+<br>
&lt;emeyer> TabAtkins: It's whenever it is we resolve the Canvas keyword to a real color<br>
&lt;astearns> ack kizu<br>
&lt;emeyer> fantasai: Makes a difference whether you inherit the composed color or the transparent color<br>
&lt;emeyer> kizu: Looking at the example, if we mix with Canvas, we might lose some things needed to constrast<br>
&lt;emeyer> …Maybe we need to mix with CanvasText to make sure it contrasts with the current canvas<br>
&lt;emeyer> florian: Same problem we have with transparency<br>
&lt;emeyer> …You already need to deal with dealing with things being contrasty regardless of the supplied color<br>
&lt;emeyer> …Just trying to get some predictability for authors when they supply a semi-transparent color<br>
&lt;jarhar> yeah i still want to transpose over canvas not canvastext<br>
&lt;emeyer> florian: Proposed: precompose semi-transparent colors over the canvas keyword color<br>
&lt;jarhar> proposed resolution: Precompose semi-transparent accent-colors over Canvas<br>
&lt;emeyer> astearns: Objections?<br>
&lt;emeyer> (silence)<br>
&lt;emeyer> RESOLVED: Precompose semi-transparent accent-colors over Canvas<br>
</details>


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


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

Received on Thursday, 13 June 2024 16:00:57 UTC