VS 代码：更改菜单栏颜色

Question

我正在使用 VS Code，想更改 menu bar. With menu bar I mean the bar that contains Items like the Explorer, the search function, extensions etc. I read through the hole documentation, and only found this 的颜色。但这描述了另一个菜单栏，您使用“管理”选项展开的栏。

我的本地 settings.json 文件包含以下内容：

{
    "python.pythonPath": "C:\Users\JannR\AppData\Local\Programs\Python\Python39\python.exe",
    "workbench.colorCustomizations": {
        "activityBar.background": "#131a29",
        "titleBar.activeBackground": "#A4BD00",
        "titleBar.activeForeground": "#000000",
        "titleBar.inactiveBackground": "#c4d16e",
        "titleBar.inactiveForeground": "#000000",
        "minimapSlider.background": "#a4bd003a",
        "minimapSlider.hoverBackground": "#a4bd004d",
        "minimapSlider.activeBackground": "#a4bd0060",
        "scrollbarSlider.hoverBackground": "#a4bd001f",
        "scrollbarSlider.activeBackground": "#a4bd0033",
        "scrollbarSlider.background": "#a4bd000e",
        "editorGroup.border": "#A4BD00",
        "editorGroup.dropBackground": "#a4bd0060",
        "editorGroupHeader.tabsBorder": "#a4bd0060",
        "tab.activeBackground": "#a4bd002a",
        "tab.activeBorder": "#000000",
        "tab.unfocusedActiveForeground": "#5b6350",
        "editor.selectionBackground": "#a4bd0086",
        "editor.selectionHighlightBackground": "#b8a01950",
        "editorWidget.border": "#a4bd00",
        "panelTitle.activeBorder": "#a4bd00",
    },
    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope":"source.python",
                "settings": {
                    "foreground": "#06ade0",
                    "fontStyle": "bold"
                }
            }
        ]
    },
}

和全局 settings.json 文件：

{
    "workbench.editorAssociations": {
        "*.ipynb": "jupyter-notebook"
    },
    "tabnine.experimentalAutoImports": true,
    "editor.cursorStyle": "block-outline",
    "workbench.iconTheme": "vscode-icons",
    "vsicons.dontShowNewVersionMessage": true,
    "auto-close-tag.fullMode": true,
    "auto-close-tag.SublimeText3Mode": true,
    "liveServer.settings.donotVerifyTags": true,
    "liveServer.settings.donotShowInfoMsg": true,
    "prettier.singleQuote": true,
    "explorer.confirmDelete": false,
    "python.pythonPath": "C:\Users\JannR\AppData\Local\Programs\Python\Python39\python.exe",
    "explorer.confirmDragAndDrop": false,
    "workbench.startupEditor": "newUntitledFile",
    "[python]": {
    
        "editor.wordBasedSuggestions": false
    },
    "python.showStartPage": false,
    "workbench.tips.enabled": false,
    "notebook.cellToolbarLocation": {
        "default": "right",
        "jupyter-notebook": "left"
    },
    "python.defaultInterpreterPath": "C:\Users\JannR\AppData\Local\Programs\Python\Python39\python.exe",
    "window.title": "${activeEditorShort} - ${folderName} - ${appName}",
    "workbench.colorCustomizations": {
    },
    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
            "scope":"source.python",
            "settings": {
                "foreground": "#06ade0",
                "fontStyle": "bold"
            }
            }
        ]
    },
    "vs-color-picker.autoLaunchDelay": 10,
    "windowColors. DeleteSettingsFileUponExit": true,
    "workbench.colorTheme": "FireFly Pro",
    "editor.codeActionsOnSave": null
}

我正在使用 FireFly Pro 主题。

现在我不知道如何让单个项目和菜单栏本身着色。

谢谢！

Answer 1

也就是Activity Bar。有一些自定义设置，例如：

"activityBar.background": "#647c64",

等等。只需在 colorCustomizations 中搜索 activityBar。

VS 代码：更改菜单栏颜色

VS Code: Change Menu bar color

colors

visual-studio-code

vscode-settings