site banner

[Site] Dark Mode

Long time lurker, first time writer.

Apologies in advance if the request has been made. I’m wondering if logged in users can select a dark mode to help with reducing blue light exposure? I realize that the UI can be modified with custom code, but a setting to toggle would be nice.

Thanks in advance.

6
Jump in the discussion.

No email address required.

Small request from a scientific coder, not a web page coder. In dark mode, the visible change when I upvote a comment is basically imperceptible to me. (I don't think I'm color blind.) Can you whip up what I need to adjust it?

I use this custom CSS for reddit-like upvote/downvote arrow colors. Worth noting that on my phone, I have to tap on something else after tapping the vote arrow for the color change to apply. Works with no surprises on desktop though.

.active.arrow-up::before {
    color: #bd2130;
}

.active.arrow-down::before {
    color: #0062cc;
}

I think you might be using the "dark" theme, which indeed uses a barely perceptible in difference shade of gray. If you don't like the "reddit" color scheme, here's the custom CSS:

.active.arrow-up::before {
     color: #ff8b60;
}

You are correct. I didn't realize that "reddit" looked like it does. I totally just picked "dark" and didn't cycle through a bunch of others to see. I think I'll try "reddit" for a while. Thanks a bunch for the tip and the code!

I don't think I'm color blind.

Which theme are you usinng? I think there are several dark ones, and I never had issues like that on mine (called "reddit" even if though it looks nothing like it). And if you're using the same one, I might have some news about that color blindness...

But if not, give me the name of the theme, and I'll come up with something.