Skip to content

Build with inverted colors to support dark mode #954

Open
@tristen

Description

@tristen

This might be a nice way of supporting dark mode in Studio: either by automatically supporting an inversion for some color:

.bg-white { background: #FFF; }

@media (prefers-color-scheme: dark) {
  .bg-white { background: #000; }
}

Or creating additional classes to target what the inversion should be:

@media (prefers-color-scheme: dark) {
  .bg-white--dark-mode { background: #FFF; }
}

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions