New System Color Keywords

Category: CSS
Type: New or changed feature
Status: Enabled by default (Chrome 80)
Intent stage: Evaluate readiness to ship

Breaking change: No
Enterprise impact: None
Spec maturity: Working draft
Web Platform Tests: No

WPT details: Web-platform tests for the parsing and serialization of ActiveText, Field, and FieldText have been added (https://github.com/web-platform-tests/wpt/pull/19856). System colors are platform dependent, so web-platform tests for the calculation of ActiveText, Field, and FieldText were not added.

Summary

Give users the ability to customize their sites with the relevant system colors when in forced colors mode. The keywords being added are ActiveText, Field, and FieldText. ActiveText is for active links. Field is for input field backgrounds. FieldText is for input field text.

Motivation

ActiveText, Field, and FieldText have been added to the CSS Color Module ‌Level 4 spec. ActiveText, Field, and FieldText will give users the ability to customize their sites with the relevant system colors when in forced colors mode.

Standards & signals

Specification: https://drafts.csswg.org/css-color-4/#css-system-colors
Firefox: In development
Safari: No signal
Web developers: No signals
Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=1015968#makechanges

Ecosystem

Web Platform Tests: https://wpt.fyi/results/?q=new-system-color-keywords
Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+New%20System%20Color%20Keywords
MDN Web Docs: https://developer.mozilla.org/en-US/search?q=New%20System%20Color%20Keywords
Baseline status: https://webstatus.dev/?q=New%20System%20Color%20Keywords

View on chromestatus.com