Intent to Prototype: accent-color CSS property

[Joey Arhar]

Contact emails

jar...@chromium.org

Explainer

https://drafts.csswg.org/css-ui-4/#widget-accent

Specification

https://drafts.csswg.org/css-ui-4/#widget-accent

API spec

Yes

Summary

The accent-color CSS property allows the page to specify a color used by form controls instead of using the builtin default color. For example, "accent-color: red" on an <input type=checkbox> would change the blue color around the checkmark to red.

Blink component

Blink>CSS

Motivation

A number of developers have indicated that they would prefer to be able to change the color of form controls. For example: https://bugs.chromium.org/p/chromium/issues/detail?id=1091531

Initial public proposal

https://github.com/w3c/csswg-drafts/issues/5187

TAG review

None, this has already been approved by the CSSWG

TAG review status

Not applicable

Risks

Interoperability and Compatibility

If this is not implemented by other browsers, then form controls will still work the same, they just won't have the custom accent-color.

Gecko: No signal

WebKit: No signal

Web developers: No signals

Is this feature fully tested by web-platform-tests?

No, this feature is tested by platform specific pixel tests, so it wouldn't make sense to have WPTs for this feature.

Tracking bug

https://bugs.chromium.org/p/chromium/issues/detail?id=1092093

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/4752739957473280

This intent message was generated by Chrome Platform Status.