Visual Studio代码状态栏颜色

Sha*_*him 76 statusbar background-color visual-studio-code

Visual Studio Code的默认状态栏颜色为蓝色,我发现它非常分散注意力.我使用扩展名来更改颜色,但在1.10.2更新后它已停止工作.

ace*_*ndr 150

您可以通过在其中添加以下代码行来编辑用户设置来更改状态栏的颜色:

"workbench.colorCustomizations": {
    "statusBar.background" : "#1A1A1A",
    "statusBar.noFolderBackground" : "#212121",
    "statusBar.debuggingBackground": "#263238"
}
Run Code Online (Sandbox Code Playgroud)

  • 感谢@acesmndr,这很好用。如此处所述:https://code.visualstudio.com/docs/getstarted/themes#_customizing-a-color-theme,您还可以对特定于用户设置文件的主题进行如下更改:“ workbench.colorCustomizations”: {“ [Markdown Editor Dark]”:{“ statusBar.background”:“#1A1A1A”,“ statusBar.noFolderBackground”:“#212121”,“ statusBar.debuggingBackground”:“#263238”}}, (2认同)

J.P*_*aul 32

1)将节省30分钟的时间给像我这样的菜鸟-必须在settings.json文件中对其进行编辑。访问文件的最简单方法是在“文件”->“首选项”->“设置”中搜索“颜色”,然后选择一个“工作台:颜色自定义”-在settings.json中进行编辑。

2)这使用了“ Gama11”提出的解决方案,但是!note !: settings.json中代码的最终形式应该是这样的-注意“ workbench.colorCustomizations”周围的双花括号:

{
  // fontSize just for testing purposes, commented out.
  //"editor.fontSize" : 12

  // StatusBar color:
     "workbench.colorCustomizations": {
     "statusBar.background" : "#303030",
     "statusBar.noFolderBackground" : "#222225",
     "statusBar.debuggingBackground": "#511f1f"
    }
}
Run Code Online (Sandbox Code Playgroud)

这已从此处改编:https : //code.visualstudio.com/api/references/theme-color


sha*_*ker 13

由于每个主题都如此不同,您可能不想在全球范围内进行此类更改。而是根据每个主题指定它们:例如:

"workbench.colorCustomizations": {
    "[Some Theme Name]": {
        "statusBar.background" : "#486357",
        "statusBar.foreground" : "#c8e9c5",
    },
    "[Some Other Theme Name]": {
        "statusBar.background" : "#385357",
        "statusBar.foreground" : "#d7e9c4",
    }
},
Run Code Online (Sandbox Code Playgroud)

这样,当您在自己喜欢的主题之间切换时,对它们的自定义设置不会被遗忘,并且在这种情况下是有意义的。

  • 当打开多个 VSCode 实例时,将其应用于工作区设置以区分不同的项目也很棒。人们还可以更改“titleBar.activeBackground”和“titleBar.activeForeground”以使其更加明显。 (2认同)

Hel*_*ude 12

这些是我在macOS上为工作区(非全局)设置 Visual Studio Code 状态栏颜色所采取的步骤。

\n

菜单视图\xe2\x86\x92命令面板... \xe2\x86\x92 搜索“打开工作空间设置 (JSON)”。

\n

(这将打开项目 [项目名称].code-workspace 文件。)

\n

在设置属性中添加颜色自定义。

\n
{\n    "folders": [],\n    "settings": {\n        "workbench.colorCustomizations": {\n            "statusBar.background": "#938e04",\n            "statusBar.foreground": "#ffffff"\n        }\n    }\n}\n
Run Code Online (Sandbox Code Playgroud)\n

当您打开多个 Visual Studio Code 实例并希望在视觉上区分每个窗口而无需更改全局主题时,这非常有用。

\n

如果您没有定义工作区,Visual Studio Code 将.vscode/settings.json通过命令“打开工作区设置 (JSON)”打开。

\n

如果是这种情况,您可以直接输入工作台自定义:

\n
{\n   "workbench.colorCustomizations": {\n        "statusBar.background": "#938e04",\n        "statusBar.foreground": "#ffffff"\n    }\n}\n
Run Code Online (Sandbox Code Playgroud)\n


ore*_*por 5

在我看来,有一个比以前的答案更强大、更稳健的解决方案,并且 \xe2\x80\x99s 根据您正在处理的文件\xe2\x80\x94it\xe2\x80 更改状态栏颜色\x99s 称为ColorTabs,它允许您提供正则表达式列表并根据该列表更改颜色。

\n

免责声明 - 我写了扩展。

\n

  • 在分支上配置选项卡颜色而不是文件名会很好 - 如果它的开发 -> 绿色,qa -> 橙色,主控 -> 红色,其他 -> 默认? (2认同)