Micro.blog

manton
manton

Dark Mode for Micro.blog on the web is ready! Huge thanks to @vincent for doing this work and updating all the little bits of HTML and CSS so that everything is readable. We plan to still tweak some of the colors and buttons as we live with it more.

kimberlyhirsh
kimberlyhirsh

@manton @vincent Looks great! I love it!

ericmwalk
ericmwalk

@manton nice! Guess I can turn off the Dark Mode userscript that @burk created. Once I found that I have always had dark mode turned on it was a great little script.

manton
manton

@kimberlyhirsh Thanks!

manton
manton

@ericmwalk The nice thing is that both designs are a little different, so if you prefer you can keep @Burk's version too. Maybe eventually we could support multiple themes.

ericmwalk
ericmwalk

@manton of course after I wrote it and started looking around more I did realize there is differences. I will probably flip back and forth for a while. The one nice thing is now it is Dark on mobile as sometimes I don't use the apps and go directly to the website.

maique
maique

@manton Nice one, thanks. I noticed it because @Burk’s script suddenly seemed like it was malfunctioning😊

Burk
Burk

@maique @manton oh yeah, it's very broken currently with new m.b dark mode (unless your system is in light mode) 😬

manton
manton

@Burk Sorry, I should've thought to test with the userscript and give you a heads-up!

pimoore
pimoore

@manton @burk Would love this idea, and if so I’d like to put in a request for a Nord version.

kaa
kaa

@manton I think the blues and grey colours need a little more refinement - especially the main links and the sub links (reply, bookmark, conversation, embed). They dont work well together. And the big blue bg behind the user info is too loud as well.

maique
maique

@Burk No biggie. I'm always on dark mode, except when I try Maps on the iPhone to see if I can already have it in dark mode with map showing light mode during the day. I cannot.

maique
maique

@pimoore @manton @burk +1 for a Nord theme.

Gaby
Gaby

@manton is the loading wheel on the site diferent too, or has it always been orange and I am just noticing?

manton
manton

@Gaby Yep, the orange is new.

Gaby
Gaby

@manton okay! It’s a nice touch, I like it

rom
rom

@manton w00t! this is awesome! Turned on Dark Mode (from Auto) just to appreciate it. Might just leave this on as default. :)

Cheri
Cheri

@manton How do I turn web dark mode on and off? Is it linked to the color scheme of my browser/computer or is there a switch?

manton
manton

@Cheri Yes, currently it’s just automatic when your computer is set to Dark Mode. It sounds like there’s interest in theme variations so maybe we’ll make a setting in Micro.blog for it.

dfj
dfj

@manton 🖤

amit
amit

@kaa I have issues with those exact elements. Good that I am not alone.

renevanbelzen
renevanbelzen

@manton Will this be implemented in the Themes of our MB-hosted websites too? I know it's a big ask, but I want to know if it's even possible or practical, since most of the world runs on OSes without Dark Mode, AFAIK.

sod
sod

@renevanbelzen I don't know about @manton's plans, but some of the themes already have support for dark mode. Typewriter and the upcoming Ink, for example.

You're probably right; most instances of operating systems running out there must lack support for dark mode. Just think about the operating systems in our fridges, thermostats, servers, and similar; dark mode just doesn't make sense in many places.

I think it might look slightly different when it comes to dark mode support on devices that run web browsers. Around 92 % of the global web surfers use browsers with support for dark mode. When it comes to operating systems Android, Windows, iOS, and macOS – all of which have added support for dark mode in recent versions – make up around 96 %.

I think the actual percentage will be lower. Not all users can (or want to) run on the latest OS version. But I think it's safe to bet a large chunk of web dwellers have support for dark mode on their devices. Maybe even a majority. When it comes to how many choose to enable dark mode, well, that's probably not that many. 😅

fabio
fabio

@manton I think automatic based on computer setting is great and should be the standard across websites!

issimonwoods
issimonwoods

@manton @vincent Fantastic work 🙌

kaa
kaa

@amit Ha, good to see team will look into it - side note I'm pretty sure @manton has me blocked (he never responds to my @-messages :)),

manton
manton

@kaa @amit Oh no, definitely don’t have you blocked! I read all my mentions. Sorry if it seemed like I was ignoring you.

issimonwoods
issimonwoods

@kaa Thoughtful and constructive feedback is always the most difficult to consider when it comes to making an appropriate reply. 😊

mandaris
mandaris

@pimoore I use the Nord color scheme for my site. Feel free to use it an modify it.

pimoore
pimoore

@mandaris Thanks man, I was already considering doing a dark mode version of the theme I’m building in Nord but don’t know if it will take away from the simplicity.

kaa
kaa

@manton Ha no issues at all - you know I speak up because I care and want you guys to succeed

manton
manton

@kaa Thanks!

kaa
kaa

@simonwoods I guess - although I wouldnt say my comments are always (ever?) that :).

In reply to
vincent
vincent

@kaa thanks for telling me about those colour choices. I’ll tweak them in the next week or so. Agree with you that they don’t work too well. Now I’m spending more time on the web, on the live site, it’s good to see and change a few things that don’t look right.

kaa
kaa

@vincent sounds great! I have found that for dark mode to work, less is more. So fewer and colours best.