修改VScode底部状态栏颜色

最新推荐文章于 2025-04-21 15:27:42 发布

manson欧文

最新推荐文章于 2025-04-21 15:27:42 发布

阅读量8.6k

点赞数 17

文章标签： visual studio code

本文链接：https://blog.csdn.net/wqs147258/article/details/116975542

版权

本文介绍如何在VSCode中自定义底部状态栏的颜色，包括背景色等，通过修改设置文件来实现个性化的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

修改vscode底部栏颜色

首先打开齿轮，打开设置
搜索workbench.colorCustomizations,然后点击编辑setting.json
修改setting.json内内容
修改成自己的颜色，这里选择于顶部栏的颜色#333333，这样会比较协调
在 workbench.colorCustomizations中添加三行代码即可

{
    "files.autoGuessEncoding": true,
    "workbench.startupEditor": "newUntitledFile",
    "editor.mouseWheelZoom": true,
    "editor.linkedEditing": true,
    "editor.formatOnSave": true,
    "editor.formatOnPaste": true,
    "files.autoSave": "onFocusChange",
    "workbench.colorTheme": "Visual Studio Dark",
    "workbench.iconTheme": "vscode-icons",
    "editor.wordWrap": "on",
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "workbench.colorCustomizations": {
        "statusBar.background": "#333333",
        "statusBar.noFolderBackground": "#333333",
        "statusBar.debuggingBackground": "#333333"
    }
}

底部颜色如图