idea-material-theme

IntelliJ IDEA, WebStorm, PHPStorm Material UI theme modification

Custom colors based on Material Theme for IntelliJ idea products (Used IntelliJ IDEA 16.2+).

Setup

• Goto IDEA Settings->Plugins and install Color IDE and Material UI with Browse repostories....

• Copy *.icls in your IDEA config/colors folder and restart IDEA if it's opened. You can find your settings folder location here.

• Open settings, goto Editor -> Color And Fonts and select Material Theme - Default (Custom).

Using Darker Theme

• Show IDE toolbar from View->Toolbar. Hide it after you are done and not using it.
  

  Instructions here: https://github.com/ChrisRM/material-theme-jetbrains#screenshots

• Select Material Theme - Darker (Custom) from Color and Fonts.

Changes from the default

Changes applied on top of the default material UI color scheme:

• Parent theme changed from Default to Darcula.
• Font size changed from 15px to 12px (I prefer smaller font showing more content on the screen)
• Line height changed from 1.6 to 1.2 (Better looking with smaller font size)
• Breadcrumbs colors were not matching the dark them so I used the colors from IDEA Darcula theme for them.
• Annotation colors were Light. Colors changes to match Darcula theme.
• Console colors copied from Darcula theme. Material UI colors were too bright on the eyes.
• Console font changed to Consolas. It has less details which makes it easier to read.

Theme Preview (Default)

Theme Preview (Dark)

More

• Great Laracasts tutorial on customizing PHP Storm
• Laracasts on how to Be Awesome in PHPStorm.