How to enable night mode on Dev.to

I saw many people trying to get Dev.to in night mode with extensions, code tricks and so on.

A preview of how Dev.to's night mode is looking

The only thing you need to know in order to enable night mode in Dev.to is going to: Your profile -> Settings -> Misc (left menu) and changing the theme you want in the Style Customization -> Site Theme category.

Here you can switch between several themes for Dev.to

Click the Submit button and Enjoy! 🖖

Please note that the night mode on Dev.to is in public beta. If you want to contribute, you can go on the GitHub repo. 🤓

forem / forem

For empowering community 🌱

Forem 🌱

For Empowering Community

Welcome to the Forem codebase, the platform that powers dev.to. We are so excited to have you. With your help, we can build out Forem’s usability, scalability, and stability to better serve our communities.

What is Forem?

Forem is open source software for building communities. Communities for your peers, customers, fanbases, families, friends, and any other time and space where people need to come together to be part of a collective See our announcement post for a high-level overview of what Forem is.

dev.to (or just DEV) is hosted by Forem. It is a community of software developers who write articles, take part in discussions, and build their professional profiles. We value supportive and constructive dialogue in the pursuit of great code and career growth for all members. The ecosystem spans from beginner to advanced developers, and all are welcome to find their place…

View on GitHub

Comments

[Patrick Nelson]

Glad this exists! It would be super awesome if they updated it to sync with the OS (prefers-color-scheme in CSS). Right now I prefer light mode during the day and then only want dark mode when I’m here reading at night.