Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Chris Shaffer
Chris Shaffer
12,030 Points
Posted by Chris Shaffer
Chris Shaffer
12,030 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

Artur Kosla
Artur Kosla
1,580 Points
Artur Kosla
Artur Kosla
1,580 Points

Good question :)

Kara Proulx
STAFF
Kara Proulx
Treehouse Staff
Kara Proulx
Kara Proulx
Treehouse Staff

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,030 Points
Chris Shaffer
Chris Shaffer
12,030 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
18,005 Points
David Moorhead
David Moorhead
18,005 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,030 Points
Chris Shaffer
Chris Shaffer
12,030 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
18,005 Points
David Moorhead
David Moorhead
18,005 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