vscode设置背景护眼主题颜色、字体颜色不影响其他主题的颜色

最新推荐文章于 2024-11-22 09:04:53 发布

qq_42490671

最新推荐文章于 2024-11-22 09:04:53 发布

阅读量9.5k

点赞数 8

文章标签： vscode

本文链接：https://blog.csdn.net/qq_42490671/article/details/119819739

版权

本文介绍了如何在VSCode中自定义设置背景颜色和字体颜色，以便在不同主题间轻松切换。通过编辑`settings.json`文件，添加代码并根据注释修改对应的颜色值，实现个性化主题配置。同时，提供了更改当前主题字体颜色和背景色的示例代码。

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

解决问题的初衷，是本人在打代码疲劳的时候想换个主题颜色，平时习惯用深色，用浅色的时候想把背景调成护眼绿，没找到合适的插件，在网上找到更改背景色的代码，用着挺不错。

但是在更改回我的默认深色主题时，背景颜色还是绿色，就像下图这样，很不爽，我将把自定义设置的代码和注释发给大家，可以任意更换背景主题颜色、不影响其他主题、操作简便。

设置步骤

一、vscode左下角的【齿轮】——【设置】——【setting.json】点进去ヾ(ｏ･ω･)ﾉ

二、在原有代码的大括号{ }里面，最后一行加英文逗号，再加入我的代码。我的代码都被我注释掉了，删掉前面的注释就能生效了。大家对着注释更改成当前你的主题、更改背景颜色、字体颜色就行啦 ( • ̀ω•́ )✧

 //更改当前所选主题的字体颜色色
    "editor.tokenColorCustomizations": {
        "[Default Light+]": { //更改主题名称
            //"comments": "#bb37e4", // 注释
            //"keywords": "#0a0", // 关键字
            // "variables": "#f00", // 变量名
            // "strings": "#e2d75dbd", // 字符串
            "functions": "#5b99fcc9", // 函数名
            //"numbers": "#AE81FF" // 数字
        }
    },
    
    //更改当前所选主题的背景色
    "workbench.colorCustomizations": { // 颜色设置
        "[Default Light+]": { //更改主题名称
            //"foreground": "#75a478",
            //"editor.background": "#E4F3E6", //背景颜色
            //"sideBar.background": "#FAF9DE", //侧边栏背景色
            "terminal.background": "#EAEAEF"
        }
    }

三、查看当前主题的代码

在代码段的最后一行，如图，我当前设置的主题叫Default Light+

(oﾟ▽ﾟ)o