From 32898ba62cd7db819ceacd0246d79029f8bac26b Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Mon, 30 Mar 2026 17:15:04 +0100 Subject: [PATCH 1/8] added light-dark(, ) support --- css/types/color.json | 43 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) diff --git a/css/types/color.json b/css/types/color.json index 265c539edd71a2..c70f096d75fdff 100644 --- a/css/types/color.json +++ b/css/types/color.json @@ -935,6 +935,49 @@ "standard_track": true, "deprecated": false } + }, + "accepts ``": { + "__compat": { + "description": "`light-dark()` accepts `` values for setting `background-image` based upon the color-scheme.", + "tags": [ + "web-features:color" + ], + "support": { + "chrome": { + "version_added": "148", + "flags": [ + { + "type": "preference", + "name": "#enable-experimental-web-platform-features", + "value_to_set": "Enabled" + } + ], + "impl_url": "https://crbug.com/491829958" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": "150" + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false, + "impl_url": "https://webkit.org/b/309689" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } } }, "named-color": { From 460aa1ed3349404ec05c7548ee33cebe35f3ee11 Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Wed, 8 Apr 2026 12:41:54 +0100 Subject: [PATCH 2/8] updated the additional feature name --- css/types/color.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/types/color.json b/css/types/color.json index c70f096d75fdff..c8d318d55eca5c 100644 --- a/css/types/color.json +++ b/css/types/color.json @@ -936,7 +936,7 @@ "deprecated": false } }, - "accepts ``": { + "accepts image": { "__compat": { "description": "`light-dark()` accepts `` values for setting `background-image` based upon the color-scheme.", "tags": [ From 01a58808d1080384d17ad8ba913c7749d891fef3 Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Wed, 8 Apr 2026 14:10:22 +0100 Subject: [PATCH 3/8] removed the tags --- css/types/color.json | 3 --- 1 file changed, 3 deletions(-) diff --git a/css/types/color.json b/css/types/color.json index c8d318d55eca5c..36dafe98236d34 100644 --- a/css/types/color.json +++ b/css/types/color.json @@ -939,9 +939,6 @@ "accepts image": { "__compat": { "description": "`light-dark()` accepts `` values for setting `background-image` based upon the color-scheme.", - "tags": [ - "web-features:color" - ], "support": { "chrome": { "version_added": "148", From fad8be3a25601410732b8fd480b258d594df0712 Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Wed, 8 Apr 2026 14:12:58 +0100 Subject: [PATCH 4/8] added underascore to feature name --- css/types/color.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/types/color.json b/css/types/color.json index 36dafe98236d34..60281040666479 100644 --- a/css/types/color.json +++ b/css/types/color.json @@ -936,7 +936,7 @@ "deprecated": false } }, - "accepts image": { + "accepts_image": { "__compat": { "description": "`light-dark()` accepts `` values for setting `background-image` based upon the color-scheme.", "support": { From c9f7fae28978baaa9dbafee6ee7cbea2a0c10b11 Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Wed, 8 Apr 2026 14:15:18 +0100 Subject: [PATCH 5/8] added spec url --- css/types/color.json | 1 + 1 file changed, 1 insertion(+) diff --git a/css/types/color.json b/css/types/color.json index 60281040666479..2a772c203d9359 100644 --- a/css/types/color.json +++ b/css/types/color.json @@ -939,6 +939,7 @@ "accepts_image": { "__compat": { "description": "`light-dark()` accepts `` values for setting `background-image` based upon the color-scheme.", + "spec_url": "https://drafts.csswg.org/css-color-5/#typedef-light-dark-image", "support": { "chrome": { "version_added": "148", From c7618387c21ef526c28ae4be6df1e4650d3dcb13 Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Fri, 10 Apr 2026 11:39:20 +0100 Subject: [PATCH 6/8] Update css/types/color.json Co-authored-by: Dipika Bhattacharya --- css/types/color.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/types/color.json b/css/types/color.json index 2a772c203d9359..41054a875eb2d5 100644 --- a/css/types/color.json +++ b/css/types/color.json @@ -936,7 +936,7 @@ "deprecated": false } }, - "accepts_image": { + "``": { "__compat": { "description": "`light-dark()` accepts `` values for setting `background-image` based upon the color-scheme.", "spec_url": "https://drafts.csswg.org/css-color-5/#typedef-light-dark-image", From 02e1afa7235f0fa4e44336594a6b1a9e10e02ec6 Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Fri, 10 Apr 2026 11:39:29 +0100 Subject: [PATCH 7/8] Update css/types/color.json Co-authored-by: Dipika Bhattacharya --- css/types/color.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/types/color.json b/css/types/color.json index 41054a875eb2d5..5f9329299c7240 100644 --- a/css/types/color.json +++ b/css/types/color.json @@ -938,7 +938,7 @@ }, "``": { "__compat": { - "description": "`light-dark()` accepts `` values for setting `background-image` based upon the color-scheme.", + "description": "`light-dark()` accepts `` values based on the used color scheme.", "spec_url": "https://drafts.csswg.org/css-color-5/#typedef-light-dark-image", "support": { "chrome": { From 2d876fed86a330409cabbd28ade042b61e34a54e Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Fri, 10 Apr 2026 14:12:29 +0100 Subject: [PATCH 8/8] removed the backticks and angle brackets from feature name as not supported --- css/types/color.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/types/color.json b/css/types/color.json index 5f9329299c7240..f29d3f3183a7e2 100644 --- a/css/types/color.json +++ b/css/types/color.json @@ -936,7 +936,7 @@ "deprecated": false } }, - "``": { + "image": { "__compat": { "description": "`light-dark()` accepts `` values based on the used color scheme.", "spec_url": "https://drafts.csswg.org/css-color-5/#typedef-light-dark-image",