如何在vscode中设置侧边栏颜色

Question

似乎在vscode光明和黑暗中侧边栏有两种颜色.我想使用曝光的灯光主题,但有一个黑暗的侧边栏.有没有办法做到这一点？

Answer 1

在 .vscode 文件夹中创建一个名为 settings.json 的文件，然后输入以下行：您可以更改侧边栏中的图标颜色、注释、背景颜色甚至更多，如附图所示。

{
  "workbench.colorCustomizations": {
    "activityBar.background": "#6ff304",
    "titleBar.activeBackground": "#69e024",
    "titleBar.activeForeground": "#5809ce",
    "icon.foreground": "#91ff00",
    "symbolIcon.colorForeground": "#ff0000",
    "icon.colorForeground": "#ff0000",
    "activityBar.inactiveForeground": "#524747"
  },

  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": [
          "comment",
          "comment.block.documentation",
          "comment.block.documentation.js",
          "comment.line.double-slash.js",
          "storage.type.class.jsdoc",
          "entity.name.type.instance.jsdoc",
          "variable.other.jsdoc",
          "punctuation.definition.comment",
          "punctuation.definition.comment.begin.documentation",
          "punctuation.definition.comment.end.documentation"
        ],
        "settings": {
          "fontStyle": "italic",
          "foreground": "#78108a"
        }
      }
    ]
  }
}

Answer 2

VS Code支持工作台现在主题,检查这一点

这意味着,在设置中我们可以按照以下方式自定义颜色,

"workbench.colorCustomizations": {
   "sideBar.background": "#111111"
 }

Answer 3

这是每个 VS Code 窗口的自定义：如果您在不同的不同 VS Code 实例上处理许多项目，这会很有帮助

.vscode在项目根文件夹中添加一个文件夹，并setting.json在 .vscode 文件夹中添加一个文件，然后添加您喜欢的样式，下面的示例是附件截图的结果

{
    "workbench.colorCustomizations": {
        "activityBar.background": "#14b197",
        "statusBar.background": "#333"
      }
}

Answer 4

settings.json在该文件夹中创建一个名为的文件.vscode，然后输入以下行：

{
    "workbench.colorTheme": "Default Light+",
    "workbench.colorCustomizations": {
        "activityBar.background": "#e7e7e7",
        "activityBar.foreground": "#000000"
    }
}

颜色值#e7e7e7（用于活动栏背景）将其与其他部分分开，使其脱颖而出。

对于全局设置，请将这些行添加到全局settings.json文件中。我的全局settings.json如下所示：

{
    "workbench.editorAssociations": {
        "*.ipynb": "jupyter.notebook.ipynb"
    },
    "python.pipenvPath": "C:\\Users\\abhi\\anaconda3\\envs",
    "workbench.colorTheme": "Default Light+",
    "workbench.colorCustomizations": {
        "activityBar.background": "#e7e7e7",
        "activityBar.foreground": "#000000"
    },
    "files.autoSave": "afterDelay",
    "git.confirmSync": false,
    "terminal.integrated.defaultProfile.windows": "Command Prompt"
}

全局settings.json可以在以下位置找到：

Windows: %APPDATA%\Code\User\settings.json
mac:     $HOME/Library/Application Support/Code/User/settings.json
Linux:   $HOME/.config/Code/User/settings.json

Visual Studio Code 现在如下所示：

Answer 5

我猜你可能想设置活动栏的颜色主题，但侧边栏的颜色主题是相同的。

\n

您可以参考主题颜色| Visual Studio Code Extension API用于检查每个元素的相应属性，以便您可以自定义要修改的元素（提示：在 macOS 上使用\xe2\x8c\x98+或+FCtrlF来搜索该网页中的关键字会更方便）。

\n

这是我的 Visual Studio Code 配色方案配置settings.json（仅供参考）：

\n

{\n    "workbench.colorTheme": "Default Light+",\n    "workbench.colorCustomizations": {\n        "activityBar.background": "#f4f4f4",\n        "activityBar.foreground": "#000000"\n    }\n}\n

\n

结果：

\n

您可以单击此链接查看我的 Visual Studio Code 配色方案。

\n