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.

|
Embed
KimberlyHirsh
KimberlyHirsh

@manton @vincent Looks great! I love it!

|
Embed
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.

|
Embed
manton
manton

@kimberlyhirsh Thanks!

|
Embed
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.

|
Embed
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.

|
Embed
maique
maique

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

|
Embed
In reply to
Burk
Burk

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

|
Embed
manton
manton

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

|
Embed
pimoore
pimoore

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

|
Embed
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.

|
Embed
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.

|
Embed
maique
maique

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

|
Embed
Gabz
Gabz

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

|
Embed
manton
manton

@Gaby Yep, the orange is new.

|
Embed
Gabz
Gabz

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

|
Embed
rom
rom

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

|
Embed
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?

|
Embed
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.

|
Embed
dfj
dfj

@manton 🖤

|
Embed
amit
amit

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

|
Embed
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.

|
Embed
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. 😅

|
Embed
fabio
fabio

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

|
Embed
SimonWoods
SimonWoods

@manton @vincent Fantastic work 🙌

|
Embed
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 :)),

|
Embed
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.

|
Embed
SimonWoods
SimonWoods

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

|
Embed
mandaris
mandaris

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

|
Embed
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.

|
Embed
kaa
kaa

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

|
Embed
manton
manton

@kaa Thanks!

|
Embed
kaa
kaa

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

|
Embed
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.

|
Embed
kaa
kaa

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

|
Embed