Skip to content

43558 light dark images #29429

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
dletorey wants to merge 12 commits into
base: main
Choose a base branch
from
+41 −0
Open

43558 light dark images #29429

Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
32898ba
added light-dark(<image>, <image>) support
dletorey Mar 30, 2026
3a8328c
Merge branch 'main' into 43558-light-dark-images
dletorey Apr 7, 2026
460aa1e
updated the additional feature name
dletorey Apr 8, 2026
5a529d2
Merge branch 'main' into 43558-light-dark-images
dletorey Apr 8, 2026
01a5880
removed the tags
dletorey Apr 8, 2026
fad8be3
added underascore to feature name
dletorey Apr 8, 2026
c9f7fae
added spec url
dletorey Apr 8, 2026
c761838
Update css/types/color.json
dletorey Apr 10, 2026
02e1afa
Update css/types/color.json
dletorey Apr 10, 2026
179aeee
Merge branch 'main' into 43558-light-dark-images
dletorey Apr 10, 2026
2d876fe
removed the backticks and angle brackets from feature name as not sup…
dletorey Apr 10, 2026
79e4865
Merge branch 'main' into 43558-light-dark-images
dletorey Apr 10, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 41 additions & 0 deletions css/types/color.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -935,6 +935,47 @@
"standard_track": true,
"deprecated": false
}
},
"image": {
"__compat": {
"description": "`light-dark()` accepts `<image>` values based on the used color scheme.",
Comment on lines +939 to +941
Copy link
Copy Markdown
Contributor

@dipikabh dipikabh Apr 10, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

How about keeping the desc shorter like we have on other property pages

Suggested change
"image": {
"__compat": {
"description": "`light-dark()` accepts `<image>` values based on the used color scheme.",
"image_value": {
"__compat": {
"description": "`<image>` values",

"spec_url": "https://drafts.csswg.org/css-color-5/#typedef-light-dark-image",
"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": {
Expand Down
Loading