The ability to reply to discussions is limited to PRO members. Want to join in the discussion? Click here to subscribe now.

WebStorm - Installing Custom Color Schemes (dayleress/colour-schemes)

WebStorm - Installing Custom Color Schemes (dayleress/colour-schemes)

2:12
In this lesson, we'll walk through installing a custom color scheme into our [WebStorm](https://www.jetbrains.com/webstorm/) IDE. Dayle Rees's [daylerees/colour-schemes](https://github.com/daylerees/colour-schemes/blob/master/jetbrains/peacocks-in-space.icls) has a great collection of themes ready to install in different formats for various editors. For this example, we will install the [Peacocks In Space](https://github.com/daylerees/colour-schemes/blob/master/jetbrains/peacocks-in-space.icls) theme into an OS X [WebStorm 11 EAP](https://confluence.jetbrains.com/display/WI/WebStorm+EAP) installation. _Note: This process will be very similar (or identical) for previous versions of WebStorm and other editors in the [JetBrain's family of editors](https://www.jetbrains.com/)._
Watch this lesson now
Avatar
egghead.io

In this lesson, we'll walk through installing a custom color scheme into our WebStorm IDE. Dayle Rees's daylerees/colour-schemes has a great collection of themes ready to install in different formats for various editors.

For this example, we will install the Peacocks In Space theme into an OS X WebStorm 11 EAP installation. Note: This process will be very similar (or identical) for previous versions of WebStorm and other editors in the JetBrain's family of editors.

Avatar
Kamuela

This helped me a lot. I was able to install Inconsolata along with Peacock and Snappy, and I am a lot happier than the default situation with WebStorm. But what I'd really like is for WebStorm to have the exact same setup as One Dark or One Light in Atom. I've been looking up how to do this and can't seem to figure it out. Any help possible?

In reply to egghead.io
Avatar
Tony

This is great... but...
WebStorm 2016 doesn't seem to have the same file structure for external themes? I can't find the folder you navigated to.

Where should we be downloading the theme files to?

Avatar
Steve

Thanks to Gustavo V.R. on Stack Overflow for this solution...

http://stackoverflow.com/questions/36163439/install-custom-color-scheme-in-phpstorm-2016-1-on-mac-osx

Modified a bit for our specific case.

WebStorm 2016.1 on Windows - How to install color theme (English)
Go to folder: C:\Users\USERNAME.WebStorm2016.1\config\
Create a new folder: colors
Copy or save *.icls files of your favourite theme-color in the colors folder.
Reopen WebStorm, go to: File->Settings then choose Editor->Colors & Fonts and your new theme-color appears in the select list.

In reply to Tony
Avatar
Sridatta

Great trick. Works like a charm in Intellij Idea too. Thanks a lot

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?