Re: [csswg-drafts] [css-color][css-color-adjust] We should add sufficient system colors to fully implement the HTML UA stylesheet (#4924)

The CSS Working Group just discussed `[css-color][css-color-adjust] We should add sufficient system colors to fully implement the HTML UA stylesheet  (Agenda+ to discuss the addition of mark and marktext colors, and whether we want to add a buttonborder or not.)`, and agreed to the following:

* `RESOLVED: Add mark, mark text, and button border colors to system colors`

<details><summary>The full IRC log of that discussion</summary>
&lt;dael> Topic: [css-color][css-color-adjust] We should add sufficient system colors to fully implement the HTML UA stylesheet  (Agenda+ to discuss the addition of mark and marktext colors, and whether we want to add a buttonborder or not.)<br>
&lt;dael> github: https://github.com/w3c/csswg-drafts/issues/4924#issuecomment-610662062<br>
&lt;fantasai> s/futue/future, as they're less likely to have been used and thus cause compat restrictions/<br>
&lt;dael> TabAtkins: Issue raised against HTML that UA stylesheet does not respond to dark mode. WHat we spec in CSS does this partially but it means that things like input colors don't switch<br>
&lt;dael> TabAtkins: Results in bad design where inputs don't switch<br>
&lt;dael> TabAtkins: In issue discussion brought up these colors are spec as literal colors and how should they be adapted<br>
&lt;dael> TabAtkins: Most straight forward is only use system colors.<br>
&lt;dael> TabAtkins: A few spots don't directly map to system colors. Argument if you can't write UA stylesheet in system colors they're not rich enough for web pages<br>
&lt;dael> TabAtkins: With this goal there's 3 missing colors<br>
&lt;dael> TabAtkins: The mark element needs text and bg color to distinguish from surrounding text. Right now it's yellow with black text.<br>
&lt;dael> TabAtkins: Adding mark and mark text color<br>
&lt;dael> TabAtkins: Border of buttons and button-like things. It's a gray between foreground and background. Could get around with 3d color things, but feel awk and weird. Good to have a color to offset from background. Button border color lets us hit that<br>
&lt;dbaron> I think the existing system color set has two complete sets of values for button border colors<br>
&lt;dael> TabAtkins: Every other literal color use is well handled. Add these 3 colors and UA stylesheet becomes color scheme friendly<br>
&lt;dael> TabAtkins: Prop add these and then we can proceed with HTML issue. better names welcome<br>
&lt;dael> AmeliaBR: Field as in text inputs also tend to have gray border in UA stylesheets. It's not explicitly set out in HTML as a color. Left to match OS conventions. MIght be another thing to add, field border. If field and button are same perhaps can collapse<br>
&lt;dael> TabAtkins: That's not expressed in stylesheet<br>
&lt;dael> AmeliaBR: Neither is button border. It's in prose that must look like button.<br>
&lt;dael> TabAtkins: Right<br>
&lt;dael> dbaron: Button thing. Is your assumption about how this color is used within inset or outset?<br>
&lt;astearns> we're talking about this list? https://drafts.csswg.org/css-color-4/#typedef-system-color<br>
&lt;dael> AmeliaBR: Yes. Right now system colors from css 2 have border0highlight and border-shadow but really impl as single color plus inset border style which modifies<br>
&lt;dael> dbaron: Problem with inset and outset is they have an algo which does not match system for button look. You won't be able to match<br>
&lt;dael> TabAtkins: I think I'm still fine with spec having escapse hatch of similar to match OS. But a well defined color that does the job is reasonable. Suggests you shouldn't have blinding bright buttons in a dark mode<br>
&lt;dael> astearns: Do we have consensus on adding border color? Or just resolve on mark and mark text?<br>
&lt;dael> TabAtkins: Not sure if dbaron is objecting or commenting<br>
&lt;dael> dbaron: Just commenting. If you're still okay I'm okay<br>
&lt;dael> astearns: Is border color for both buttons and fields?<br>
&lt;dael> TabAtkins: Definitely similar in HTML. For purpose of if you're using system colors to do your own stuff using same color is fine so I'd use one for both cases<br>
&lt;dael> astearns: Call it button color or different name?<br>
&lt;dael> astearns: button border<br>
&lt;dbaron> I'd note that the ButtonHighlight and ButtonShadow colors provide a one-color-on-a-side 3-D button effect, and the existing ThreeDDarkShadow, ThreeDHighlight, ThreeDLightShadow, ThreeDShadow colors provide a two-color-on-a-side 3-D button effect.<br>
&lt;dael> AmeliaBR: Resolve on button border and as people impl if they need different color for field they can say<br>
&lt;dael> fantasai: Why not using the button highlight, button shadow etc on the button?<br>
&lt;dael> AmeliaBR: THey fall apart with stylesheet that's not creating 3d. Which do you use. We don't want to preserve those.<br>
&lt;dael> fantasai: Wouldn't all resolve to same color?<br>
&lt;dael> TabAtkins: They're not implied to resolve to same. Implied to do inset 3d-ish<br>
&lt;astearns> ah, and also this list: https://drafts.csswg.org/css-color-4/#deprecated-system-colors<br>
&lt;dael> dbaron: I think both sets of colors came from windows 95 system colors.<br>
&lt;dael> dbaron: There was older set of windows where buttons had a single border with a color in the middle color on highlight side color on shadow. Newer went with two colors on each side and had a separate set of names.<br>
&lt;dael> dbaron: button-something were the old one color on a side. 5 color set that was 3d on newer windows and 3 of the 5 colors were the same thing.<br>
&lt;dael> astearns: Happy to have border color without that baggage.<br>
&lt;dael> astearns: Prop: Add mark, mark text,a nd button border colors to system colors<br>
&lt;dael> astearns: Obj?<br>
&lt;dael> fantasai: Happy to add mark and mark text. Not clear on button. Are we using button border in UA stylesheet or other stuff?<br>
&lt;dael> TabAtkins: UA stylesheet would say use button border for inputa nd buttons or match OS with similar intent. Neither 3 nor 5 color set matches OS conventions today. none of the browsers will do it. But having something reasonable if doing a generic system can be done with this one color<br>
&lt;dael> florian: Just because current design is flat or also true if we went back to the days of glowing candy?<br>
&lt;dael> AmeliaBR: True if we go back to browser that have ability to do lighter and darker versions<br>
&lt;dael> astearns: fantasai do you object to button border?<br>
&lt;dael> fantasai: Not objecting, concern about re-using it<br>
&lt;dael> astearns: Objections?<br>
&lt;dael> RESOLVED: Add mark, mark text, and button border colors to system colors<br>
&lt;fantasai> s/re-using it/re-using it for hr and input/<br>
</details>


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

Received on Wednesday, 15 April 2020 17:02:54 UTC