0

I am using "Popping and Locking" color theme in VS Code and I want to use same theme in WebStorm also. But VS Code is using .vsix extention and WebStorm is using .icls

How can I convert .vsix to .icls or how can I use same theme in WebStorm. Am I have to do it manually?

LazyOne
  • 158,824
  • 45
  • 388
  • 391
Alperzkn
  • 467
  • 2
  • 10
  • 25

2 Answers2

5

Visual Studio Code themes can be implemented in two different ways, using a JSON file of properties, or using a tmTheme. If you look at the repository of your colour theme (https://github.com/hedinne/popping-and-locking-vscode for the theme you mentioned), you can see that it uses the JSON format.

tmThemes and JSON themes can be converted to a JetBrains theme with their official tool (https://github.com/JetBrains/colorSchemeTool).

I haven't used this tool or tested the functionality, so I don't know for sure that this will work. However, it looks to be quite straightforward. You can check the code of the colorSchemeTool yourself, but I believe you will need to do the following:

  1. Download the colorSchemeTool code
  2. Download the popping-and-locking JSON file (https://github.com/hedinne/popping-and-locking-vscode/blob/master/themes/popping-and-locking.json)
  3. Move the JSON file to the vscThemes folder of the colorSchemeTool
  4. Run the convert.sh script
  5. The .icls file will now be placed under intellijThemes

Again, I haven't tested the functionality myself, but this seems to be the way to do it.

Rosco Kalis
  • 567
  • 3
  • 13
  • Thanks for your response. When I try to run convert.sh I recevie an error that says "stdout is not a tty". Do you have any idea about this issue? – Alperzkn Sep 09 '18 at 23:00
  • I also found same discussion but it didn't work for me unfortunately – Alperzkn Sep 10 '18 at 11:39
  • I found the solution. I explained it here: https://stackoverflow.com/questions/45890339/stdout-is-not-a-tty-using-bash-for-node-tape-tap-spec Thanks for your help. – Alperzkn Sep 10 '18 at 20:03
0

You can check https://github.com/mkubdev/material-vscode-jetbrains to get the color scheme of the dark+ theme from Visual Code for Webstorm. And the .xml to add to the plugin Material UI.

  1. Download both files
  2. Download Material UI Plugin
  3. Add .xml file to Custom Material Theme to get the UI
  4. Add .icls to replace the colorScheme

Voila!

Kubadev
  • 867
  • 10
  • 25