vscode-dark-plus-webstorm

VSCode Dark+ colourings for WebStorm

VSCode Keymap fix for Webstorm (requires VSCode Keymap plugin)

Last version checked: WebStorm 2019.2.1

Use

Colourings

• Download the .icls file
• Open IDE, and go to Settings
• In the left-hand menu: Editor > Color Scheme
• Click the cog next to the Scheme dropdown and Import Scheme
• Select the .icls file, Apply

Screenshots

A selection of languages:

CSS	Dart

HTML	JavaScript

JSON	TypeScript

User Screenshots

TheOnlyReadOnly

TODO and Not Done

Colourings

TODO

• Diff & Merge
• VCS

NOT DONE

The following have not had their colours changed, as there is no VSCode equivalent, or they require extensions for syntax highlighting (which may be opinionated).

• Cucumber
• Diagrams
• EditorConfig
• EJS
• HAML
• HTTP Request
• JSP
• RegExp
• Stylus
• XPath
• Spy-js

Disclaimer

The vast majority of work has been done with WebStorm open next to VSCode and its DevTools, selecting elements in VSCode and copying colour values where WebStorm does not match. As such, neither colourings nor theme are an exact replica (and never will be - VSCode and WebStorm handle a lot of things differently. VSCode, for example, offers far more granular syntax highlighting).

This project is not actively maintained, as WebStorm is not my IDE of choice. Pull requests are welcome.

Contributors and Thanks

Thanks

• Zhan Ishzhanov (janat08) - for flagging font differences across platforms
• Marco Nava (TheOnlyReadOnly) - user screenshot
• James Lendrum https://github.com/lenny1882/vscode-dark-plus-webstorm original repository