web-platform-tests / web-platform-tests/interop

`AccentColor` should reflect `accent-color`

Open
#1,361 1 comment 26 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

focus-area-proposal
Dominant language
JavaScript
Stars
524
Forks
35
Avg merge
1d 4h
Merged PRs (30d)
10

Description

Description

The CSS AccentColor keyword should reflect the value of the accent-color property (if it has been set). This would provide a consistent way to style form controls elements, regardless of whether they are a native HTML element, a web component, or built with a JavaScript framework such as React. Rather than needing to dig through documentation to see what custom approach a component library is using and what CSS custom property names they use, this would be a standard.

Specification

https://www.w3.org/TR/css-color-4/#:~:text=the%20backgrounds.-,To%20maintain%20consistency%20with%20widget,for%20widget%20accent%20color%20styling

web-feature

n/a

Test Links

No response

Additional Signals

Safari bug
Firefox bug
Chromium bug
Firefox standards position

You can read more about AccentColor here.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the CSS Color 4 specification linked in the issue, then review the linked Safari, Firefox, Chromium, and Firefox standards-position discussions to understand expected behavior and browser support. The issue names no repository file or existing test; done means adding appropriate web-platform coverage showing that AccentColor reflects a set accent-color value.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
testing-qa, web-dev
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
50/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.