- From: Jacob Rask via GitHub <sysbot+gh@w3.org>
- Date: Fri, 03 Feb 2023 11:06:54 +0000
- To: public-css-archive@w3.org
Adding some concrete use cases here in case that helps.
- we want the focus ring of a form input to match the accent-color, which can be different between different user journeys on the same website
- we want to reuse the accent-color for custom radio/checkbox/toggle components
We can't just set `:root { accent-color: var(--accent-color) }`, we'd need to explicitly set it on every element that uses `accent-color` (including within shadow dom), or always do `accent-color: hotpink; --accent-color: hotpink;` every time we want to toggle it on an individual form and not on an entire page.
For example, a checkout form might use one accent color, but a contact form on the footer on the same page should use a more neutral accent color.
--
GitHub Notification of comment by jacobrask
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5900#issuecomment-1415717882 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 3 February 2023 11:06:55 UTC