After messing with #darkmode the last couple of days I’m reminded of how way back …

After messing with #darkmode the last couple of days I’m reminded of how way back in #Windows95 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.

On Wandering.shop

I wrote up what it takes to add simple #darkmode support to a site so …

I wrote up what it takes to add simple #darkmode 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.

https://hyperborea.org/tech-tips/darkmode-web/

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

#webdev

On Wandering.shop

Trying out Dark Mode on my laptop again, seeing that there are still a lot …

Trying out Dark Mode on my laptop again, seeing that there are still a lot of apps that hard-code a white background

Thinking about the old Windows 95 days when you could individually set every color in the desktop UI

And remembering how odd some applications looked because they used the system backgrounds and hard-coded foregrounds

#UI #Windows95 #DarkMode

On Wandering.shop