assembly icon indicating copy to clipboard operation
assembly copied to clipboard

Build with inverted colors to support dark mode

Open tristen opened this issue 5 years ago • 1 comments

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; }
}

tristen avatar Dec 02 '20 20:12 tristen

Here's how tailwind does dark mode: https://tailwindcss.com/docs/dark-mode

samanpwbb avatar Dec 04 '20 19:12 samanpwbb