W3C home > Mailing lists > Public > public-css-archive@w3.org > August 2020

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

From: Anton via GitHub <sysbot+gh@w3.org>
Date: Mon, 17 Aug 2020 22:15:32 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-675141914-1597702531-sysbot+gh@w3.org>
> It would be great to get some developer input on this proposal, in particular the ergonomics of "primary" vs. "contrasting" and the order of the two.

Some feedback from a developer trying to create this design:

![image](https://user-images.githubusercontent.com/20535393/90445815-98424f00-e0e0-11ea-96d1-512032ea4548.png) ([link](https://timewarp.atjn.dk/))
...but with the clock icon also pink.

In my head, the clock icon is a `primary` color, the same way the text color is `primary` and the black background is `secondary`/`contrasting the primary`. By that logic, i should write `accent-color: currentColor`.

The current spec draft is the other way around, and calls the clock icon a `contrasting` color:
![image](https://user-images.githubusercontent.com/20535393/90446599-f02d8580-e0e1-11ea-906c-18690034c523.png)

In my head, that is wrong and clashes with the way i perceive a `primary` color. Then on the other hand, i completely agree with the classification of blue as the `primary` color for the progress slider:
![image](https://user-images.githubusercontent.com/20535393/90446825-59ad9400-e0e2-11ea-81f0-79ccab7a29fc.png)

Looking at the two examples above, the background color is sometimes the `primary` color and sometimes the `contrasting` color. In my head, the background should consistently be either `primary` or `contrasting`.

In other words, i think the examples from [your study](
https://github.com/mfreed7/accent-color/blob/master/study.md) generally makes more sense. You just need to rename `foreground` to `primary` and `background` to `contrasting`. Or not; `foreground` and `background` are just as, if not more descriptive to me.

>  It would also be good to get input on whether there is a need to provide the "contrasting" color at all, or if it would be good enough to just control the "primary" color and always leave the contrasting elements to the UA.

For this specific usecase, i just need primary. But i am certainly looking forward to having full control over checkboxes and radio buttons. Only having a primary color would be limiting to me in that case.

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


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Monday, 17 August 2020 22:15:34 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:42:13 UTC