Why do they make displays on devices that are likely to get used outside GLOSSY?

On a related note: today I learned it's super easy to give your website an alternate dark mode theme in most browsers. Assuming your color scheme is in relatively clean CSS to start with, anyway.

Just add a @media (prefers-color-scheme: dark) {...} section after you define the light-scheme colors and define the dark mode colors and backgrounds there!



I wrote up what it takes to add simple support to a site so it can have a light theme on light-colored screens and a dark theme on dark screens (and not blast your eyes out).

Just CSS media queries for the alternate styles!

@media (prefers-color-scheme: dark) {...}

And <picture><source><img></picture> to swap out images to fit different schemes.


On that note, anyone know how to test this in Chrome or Safari without changing the system theme?

OK, thanks to @FiXato I've updated it with directions for Chrome and other Chromium based browsers!

Still not sure how to do it in Safari. I'll experiment when I have time, but if anyone here happens to know, please pass along the info! Thanks!

After messing with the last couple of days I'm reminded of how way back in you could set a theme for the system UI by choosing individual colors for window backgrounds, borders, buttons, dialog boxes, etc. I liked to set the standard gray background to sepia and see which programs used the system colors and which hard-coded gray, making their UI a weird patchwork where their custom components weren't the same scheme as the built-in ones.

Decided to look at the win95 hashtag. Apparently I posted almost the same thing two years ago.

@FiXato Thanks! what's funny is I saw that page but only looked as far as the first half of the article on finding the menu item in Edge! 🤦‍♂️

Sign in to participate in the conversation
Wandering Shop

The Wandering Shop is a Mastodon instance initially geared for the science fiction and fantasy community but open to anyone. We want our 'local' timeline to have the feel of a coffee shop at a good convention: tables full of friendly conversation on a wide variety of topics. We welcome everyone who wants to participate, so long as you're willing to abide by our code of conduct.