[Suggestion] Implement Dark Mode for Codecademy

[moha230]

Suggest that Codecademy should implement a Dark Mode feature for their documentation platform. Here are some reasons why this would be beneficial:

1. Reduced Eye Strain: Reading technical documentation and code for extended periods can cause eye strain. Dark mode, with its dark background and light text, can reduce eye fatigue and make it more comfortable for users to read and learn.

2. User Preferences: Many users prefer dark mode for its aesthetics and reduced glare, especially when working in low-light environments. Providing this option allows users to customize their learning experience.

3. Enhanced Accessibility: Dark mode can improve accessibility for users with visual impairments by offering a high-contrast reading option.

4. Trend and User Demand: Dark mode has become a popular trend in web design and is now an expected feature on many websites and applications. Many users actively seek out platforms that offer this feature.

[lisalisaj]

It’s been suggested several times.

See:
https://discuss.codecademy.com/search?q=dark%20mode

In the meantime, perhaps this (suggestion of a Chrome extension) will help:

Dark mode

Thanks for your input! For now, a workaround is to use a chrome extension like this one to force the site into dark mode: Hope it helps!

[moha230]

Hi

do you have any work around for safari ?

Thank you

[lisalisaj]

Maybe try Night Eye or Dark Reader(?). (I haven’t tried them. I do have dark mode enabled on my computer in general).
See:
https://www.lifewire.com/enable-safari-dark-mode-5077109

[olidaholi]

Hello! I think this would be a great idea, but like @lisalisaj said, this idea has already been suggested several times. Here are the previous (and most popular) requests:

Dark mode

Hiya! I’ve been using Codecademy for a couple of months now and it’s been a great experience so far! However, there is one thing that could improve my experience by a great deal and that would be a dark mode. I’ve got quite a lot of “floaters” (mouches volantes) in my eyes and they are making it hard for me to read text that has a very bright background. In some exercises, both the “Learn” and the “localhost” window show up on the screen and both are very, very bright and therefore hard to re…

Dark mode

I have a minor visual impairment and bright white backgrounds make it more difficult for me to read text. It is also hard on the eyes to read the lesson steps on the bright white, left-hand side of the screen, then look over to the dark code editor in the middle. I’m glad the code editor is in dark mode, but going back and forth several times starts to give you a headache. What would be nice is a way to toggle the lesson text to dark mode. Thank you for such a great code learning site. I will…

Dark mode

When using Codecademy I hate how I need to use light mode. Now Dark Reader is a great alternative to this it is not as good as when it is built into a website because in some websites such as most google services (google docs, slides, etc) it breaks the website and or it does not look clean. And with CC it would not look great because when we code some parts of the code should be a certain color and Dark Reader would mess that up. (Previses requests: )

(for more examples, see Search results for 'dark mode' - Codecademy Forums (thanks @lisalisaj!)

Like @lisalisaj said previously, there are multiple workarounds for this, so try extensions or programs to see if they can help. Honeslty, i do think Codecademy would be better if you could toggle light themes on and off without any additional software.

Peace out!

[iosonobg]

We need dark mode for all pages, like this one.

[lisalisaj]

There is a dark mode for the forums.
Go to your profile> preferences>interface. Then choose the theme you want.

[netslayer16571]

Using the Dark Reader extension on Firefox, the bracket highlights are almost identical in colour to the cursor, unfortunately, which is… super annoying.

+1 for implementing a Dark Mode, or at least some sort of ‘Prefers Dark Mode’ CSS for the elements that are nearly invisible with the suggested workaround. Thanks!