Monokai Pro 替代主题

JetBrains系列（PyCharm | IntelliJ IDEA | CLion | WebStorm | ...）

1. 下载配色文件 Monokai_Pro___No_Italics.icls
2. 打开任意 JetBrains IDE Settings / Preferences(外观) → Editor → Color Scheme(编辑器配色方案) → Import Scheme(导入方案)
3. 选择刚刚下载的 Monokai_Pro___No_Italics.icls 文件并应用

原博客为：自用自改的 Monokai Pro

---

 

VS Code

一、懒人方案

「接近 Monokai Pro 风格」

1. 打开 VS Code 扩展市场
2. 搜索并安装：sonokai
3. 切换主题即可使用

🔗 原 Github 地址为(已开源|放弃维护)：https://github.com/sainnhe/sonokai

二、自定义方案

「永久属于自己的主题」

具体步骤示例

1. 安装并启用 Monokai Pro 扩展

2. 将主题切换为 Monokai Pro

3. 打开命令面板（Ctrl + Shift + P）

4. 输入并执行： Developer: Generate Color Theme From Current Settings

5. VS Code 会生成一份当前主题配置，将其保存为一个 JSON 文件，例如： monokai-pro-new.json

6. 配色代码
   主题目录结构示例
   在任意位置（例如 D 盘）创建如下目录结构：

   vs-code-themes/
   ├─ package.json
   └─ themes/
      └─ monokai-pro-new.json
   

   📌 文件夹名、json 文件名都可以自定义，只要保持引用一致即可。

   package.json 示例

   {
     "name": "monokai-pro-new",
     "displayName": "Monokai Pro New",
     "version": "0.0.1",
     "publisher": "YourName",
     "engines": {
       "vscode": "*"
     },
     "contributes": {
       "themes": [
         {
           "label": "Monokai Pro Free",
           "uiTheme": "vs-dark",
           "path": "./themes/monokai-pro-new.json"
         }
       ]
     }
   }
   

   几个关键字段说明：

   • name：主题的唯一标识，不能和其他主题重复
   • displayName / label：VS Code 里展示给用户看的名字
   • uiTheme：暗色主题填 vs-dark
   • path：指向你的主题 JSON 文件路径

7. 加载扩展

   a) 在 终端 中，安装 vsce

   npm install -g @vscode/vsce
   

   b) 在 终端 中，进入 vs-code-themes 文件夹中，打包生成一个 .vsix 文件

   vsce package
   

   c) 在 VS Code 中，安装主题

   • 打开命令面板（Ctrl+Shift+P）
   • 选择 Install from VSIX…
   • 选择刚刚生成的 .vsix 文件安装