Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

General Discussion

Chris Shaffer
Chris Shaffer
12,029 Points

Can we get the DARK editor in Workspaces?

On coding questions you have a dark background editor. I really like this as it is less strain on my eyes and just like my VS Code and Atom editors.

I use VS Code all day at work and I can say that using a dark background has probably saved me a few prescription updates on my glasses.

Thanks for any feedback!

5 Answers

At this time, there isn't a way to change the color of the background in the Workspaces, and we don't currently have plans to add that option. We do see how that would be helpful, and have made sure to pass along your request!

Chris Shaffer
Chris Shaffer
12,029 Points

Well, it would be awesome.

Untill then if anyone else wants to either override it with a Grease Monkey script or like me, be lazy and just do it in Chrome DevTools, here's some CSS that will approximate it:

#treehouse-workspace.light .cm-s-light .cm-variable-2 {
    color: deepskyblue;
} 
#treehouse-workspace.light .cm-s-light .cm-def {
    color: blueviolet;
}

#treehouse-workspace.light .cm-s-light .cm-string-2 {
    color: lightblue;
}

#treehouse-workspace.light .cm-s-light.CodeMirror {
    background: #2d3339;
    color: antiquewhite;
}

.CodeMirror-gutters {
    background: black!important;
}
David Moorhead
David Moorhead
17,992 Points

Thanks, Chris. In addition to what you wrote, I added Dark Reader to both Chrome and Firefox browsers. DR has made my Treehouse experience much easier on the eyes.

Chris Shaffer
Chris Shaffer
12,029 Points

Good call!

I like this extension and it seems to have a lot of users. Trying it out on TH right now. Not sure if I want to use an extension like this all the time - I'm very particular about what I let in my browser for security and performance reasons - but I'll try it out for a week or so and see how it does.

Thanks for the tip!

David Moorhead
David Moorhead
17,992 Points

Hi, Chris Shaffer,

You wrote: "I'm very particular about what I let in my browser for security and performance reasons..."

I hear that! And, thanks for your code that'll eventually show up in Dev Tools.

The experiment of allowing Dark Reader in FF is an exercise for me to become a bit relaxed about online privacy and security as well as unencombered performance. All of that seems like a rattle in back of my mind. But, I'd rather have somewhat relaxed eyes at the end of a few hours of coding, reading and studying in front of a monitor. So, with the exchange of one thing for another, I voted for relaxed eyes :smile:. BTW, Dark Reader is especially good in Treehouse's Workspaces, as you might already know.

Thanks for opening the topic!

David