Skip to content

CSS light-dark() with image values #658

@CGQAQ

Description

@CGQAQ

WebKittens

No response

Title of the proposal

CSS light-dark() with image values

URL to the spec

https://drafts.csswg.org/css-color-5/#light-dark

URL to the spec's repository

No response

Issue Tracker URL

No response

Explainer URL

No response

TAG Design Review URL

No response

Mozilla standards-positions issue URL

Mozilla already ship it in https://bugzilla.mozilla.org/show_bug.cgi?id=2023569

WebKit Bugzilla URL

No response

Radar URL

No response

Description

Extends the CSS light-dark() function to accept image values (url(), image-set(), none) in author stylesheets, allowing image properties like background-image, list-style-image, border-image-source, cursor, and content to automatically switch between images based on the user's preferred color scheme. Previously this was only allowed in UA stylesheets. This aligns with the CSS Color 5 spec and matches Firefox's existing implementation.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions