How do I get my code to look like this in atom or webstorm?


Hi people.

I am looking for a way to make my code appear like this in atom and webstorm. What theme or package do I need to install? I’ve tried material UI plugin for webstorm, but it does not work!

Anyone to help?



first its important to understand what the console is:

then you should consider the following:

does atom or webstrom have a plugin which gives me a console like a webbrowser does?
Do i need to change the console.log() method to something else to get output?

codecademy offers a console within the lesson, so we focus on learning Javascript, so we don’t have to deal with the DOM and the complications this brings forth.


Thanks for the info.

Though, I was looking for a way to make my code in the editor (webstorm or atom) have this style (particularly the colors). I have no worries about how my code looks in the console.

Hope there is still a way…other than editing atom’s stylesheet.


first google result: