如何将 VS Code 主题集成到 WebStorm

Question

我在 VS Code 中使用 "Popping and Locking" 颜色主题，我也想在 WebStorm 中使用相同的主题。但是 VS Code 使用 .vsix 扩展，而 WebStorm 使用 .icls

如何将 .vsix 转换为 .icls 或者如何在 WebStorm 中使用相同的主题。我必须手动完成吗？

Answer 1

Visual Studio 代码主题可以通过两种不同的方式实现，使用 JSON 属性文件，或使用 tmTheme。如果您查看颜色主题的存储库（您提到的主题 https://github.com/hedinne/popping-and-locking-vscode），您可以看到它使用 JSON 格式。

tmThemes 和 JSON 主题可以使用其官方工具 (https://github.com/JetBrains/colorSchemeTool) 转换为 JetBrains 主题。

---

我没有使用过这个工具或测试过它的功能，所以我不确定它是否有效。但是，它看起来非常简单。你可以自己查看colorSchemeTool的代码，但我相信你需要做以下事情：

1. 下载colorSchemeTool代码
2. 下载弹出和锁定 JSON 文件 (https://github.com/hedinne/popping-and-locking-vscode/blob/master/themes/popping-and-locking.json)
3. 将 JSON 文件移动到 colorSchemeTool 的 vscThemes 文件夹中
4. 运行 convert.sh 脚本
5. .icls 文件现在将放在 intellijThemes 下

---

同样，我自己还没有测试过该功能，但这似乎是实现它的方法。

Answer 2

您可以查看 https://github.com/mkubdev/material-vscode-jetbrains 从 Visual Code for Webstorm 中获取 dark+ 主题的配色方案。和 .xml 添加到插件 Material UI.

1. 下载两个文件
2. 下载MaterialUI插件
3. 将 .xml 文件添加到自定义 Material 主题以获得 UI
4. 添加 .icls 替换 colorScheme

瞧！