Version 2.9 is another big update in the release timeline, as it is a complete refactor of the Icon Replacement framework feature, as well as redesigning all icons from PNG to SVG!

The highlights of this update are:

  • Revamped the Icon Replacement framework, allowing it to finally customize all icons, even those from external plugins!
  • Reworked all icons to their SVG equivalent
  • Occasionally replaced some icons to others better reflecting their feature
  • Separated the Material Icons option to Material UI Icons and Material File Icons, allowing them to live independently of the other
  • Added icons for CLion, AppCode, PyCharm, RubyMine, Gradle, Maven, Grunt, Gulp, Tasks
  • Added new file icons: Arduino, Assembly, Authors, Ballerina, Crystal, CSSMap, Dotjs, DTS, Favicon, Firebase, Flash, Gatsby, Gemfile, Po, JSMap, MJML, Nimble, Raml, Razor, Redux Actions/Stores/Reducers, Smarty, Solidity, Sonar, Stencil, Storybook, Wallaby
  • Added new folder icons: benchmarks, coverage, controllers, debug, excluded, expo, jinja, less, maven, messages, models, plugin, python, react, redux, routes, scripts, sublime, sync, tasks
  • Improved Monokai Pro syntax
  • Added support for Night Owl Theme custom keywords
  • Added IDs to the plugin components
  • Other bug fixes and improvements

Improved Monokai Pro Syntax

Plugin users reported that the bundled Monokai Pro theme and color scheme did not reflect the original Monokai Pro colors. In version 2.8 this has been corrected by deprecating the Material Monokai Pro theme and revamping the original Monokai Pro scheme, but still, the colors were not completely 1:1 with the original colors.

This version fixes this by using the same colors used by the Monokai Pro colors in VSCode. Additionally, the Monokai Pro theme’s colors have been fixed as well, such as the selection color and the button color. Even the font has been changed. Now it looks better than ever!

Monokai Pro Colors
Monokai Pro Colors


Night Owl Theme custom keywords

If you aren’t familiar with the Night Owl Theme, it is originally a Color Scheme built for VSCode, but just like Material Theme, it has been ported to JetBrains IDEs and has been using the External Themes API of the Material Theme to customize the Look And Feel as well.

However since version 1.3.3 a new ability has been added to the plugin, not related with the Night Owl theme, which is the addition of custom keywords in some languages (currently JavaScript, TypeScript, Java and Kotlin). This means that from now, color schemes can assign a different color/style for these keywords independently of the color for other keywords.

By the time of writing of this article, those keywords are: JS/TS:

  • debugger
  • export, default, module
  • null, undefined
  • this, super

Java/Kotlin:

  • null
  • this, super
Custom Keywords
Custom Keywords

This version is adding these custom keywords to the prebundled color schemes, using the same colors as the ones set by the Material Theme for VSCode plugin.



Icon Replacement Framework

Read the article about the Icon Replacer for more information.

Icon Replacement Framework
Icon Replacement Framework

Material File Icons option

For more information about this, go to the Icons Settings page

File Icons
File Icons

Styled Directories

For more information about this, go to the Project View Directories page

Styled Directories
Styled Directories

Thanks for reading!