Visual Studio代码状态栏颜色

时间:2017-03-14 08:24:28

标签: visual-studio-code background-color statusbar

Visual Studio Code的默认状态栏颜色为蓝色,我发现它非常分散注意力。我使用this扩展名来更改颜色,但在SELECT Col1, Col2, 'DUMMYVALUE' FROM Table1 UNION ALL SELECT Col1, Col2, Col3 FROM Table2 ; 更新后它已停止工作。

9 个答案:

答案 0 :(得分:125)

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

"workbench.colorCustomizations": {
    "statusBar.background" : "#1A1A1A",
    "statusBar.noFolderBackground" : "#212121",
    "statusBar.debuggingBackground": "#263238"
}

答案 1 :(得分:18)

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"
    }
}

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

答案 2 :(得分:3)

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

"workbench.colorCustomizations": {
    "[Some Theme Name]": {
        "statusBar.background" : "#486357",
        "statusBar.foreground" : "#c8e9c5",
    },
    "[Some Other Theme Name]": {
        "statusBar.background" : "#385357",
        "statusBar.foreground" : "#d7e9c4",
    }
},

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

答案 3 :(得分:2)

当您打开vscode并键入control+shift+p并搜索open settings(UI)并将其选项从window.titleBarStyle更改为native时,按custom状态栏的颜色从whiteblack

  

重要说明:此技术适用于2019年2月发布的vscode的更新版本1.32。请确保已将您的vscode更新为最新版本1.32或更多最新版本,因为它可能不适用于旧版本。

Example Screenshot

答案 4 :(得分:2)

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

查看|命令面板... |搜索“打开工作区设置(JSON)”

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

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

{
    "folders": [],
    "settings": {
        "workbench.colorCustomizations": {
            "statusBar.background": "#938e04",
            "statusBar.foreground": "#ffffff"
        }
    }
}

当您打开多个VS Code实例并希望在视觉上区分每个窗口而不必更改全局主题时,这真的很有用。

答案 5 :(得分:1)

在我看来,有一个比上述答案更强大,更可靠的解决方案,那就是根据您正在处理的文件来更改状态栏颜色-名为ColorTabs
并允许您提供正则表达式列表并根据其更改颜色。

免责声明-我写了扩展名 享受吧!

答案 6 :(得分:1)

还有另外一个扩展名https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock可用于更改工作场所的颜色。它允许您为每个vs代码实例选择不同的颜色

答案 7 :(得分:0)

如果您正在使用 vimvscode 插件,根据模式更改状态栏颜色的最佳方法是转到设置,搜索“状态栏颜色”并选中“允许 vscode 根据模式更改颜色”

这里是 vimvscode 插件状态颜色控制的快照:

Snapshot

答案 8 :(得分:-1)

您可以通过修改扩展名来更改颜色:

 "colors":{
        "statusBar.background": "#505050",
    },