Skip to content

[feat]: Use css color-scheme to improve dark theme #947

Open
@alexandrebodin

Description

@alexandrebodin

A clear and concise description of what the feature is

The css color-scheme property allows to set some native browser features as dark or light themed when supported.

Why should this feature be included?

The usecase I came across is the Chrome scrollbar.

It is obvisouly not as perfect as designing custom things but that works much better than having the light scroll in our dark theme for almost no cost.

It might be something we can set directly in the product rather than in the DS but putting it outhere to open the discussion and see if there are drawbacks to doing it.

Please provide an example for how this would work

color-scheme: dark;

Metadata

Metadata

Assignees

No one assigned

    Labels

    issue: enhancementIssue suggesting an enhancement to an existing featuresource: design-systemrelates to design-system package

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions