Visual Studio Code 官方护眼主题绿豆沙颜色修改，让你的眼睛远离疲劳！

最新推荐文章于 2024-07-19 14:10:07 发布

强迫症前端小生

最新推荐文章于 2024-07-19 14:10:07 发布

阅读量1w

点赞数 25

文章标签： css html5 css3 es6

本文链接：https://blog.csdn.net/panzhizun/article/details/103591370

版权

Visual Studio Code 官方护眼主题绿豆沙颜色修改，让你的眼睛远离疲劳！

是否厌倦了Visual Studio Code的官方主题，是否觉得暗色主题无趣乏味，那么，请看我的主题：
在这里插入图片描述
护眼，远离疲劳，废话不多说，上教程：
1.这款主题是Atom One Light 的基础上修改的，首先我们需要下载并设置Atom One Light

2.接下来就给各种看着不习惯的主题背景换肤
依次打开【文件】——【首选项】——【设置】 找到一个 setting.json 的，点击打开
在这里插入图片描述
3.然后换上以下代码，即可。

**"workbench.colorCustomizations": {
        "[Atom One Light]": {
            "titleBar.activeBackground": "#bddac0",
            "titleBar.inactiveBackground": "#bddac0",
            "titleBar.border": "#AFC7B2",
            "editor.background": "#CBE9CB",
            "sideBar.background": "#CBE9CB",
            "sideBar.border": "#AFC7B2",
            "sideBarTitle.foreground": "#24ACF2",
            "activityBar.background": "#CBE9CB",
            "activityBar.border": "#AFC7B2",
            "editorCursor.foreground": "#06171B",
            "editor.lineHighlightBackground": "#c0e4c3b6",
            "editor.selectionBackground": "#AFC7B2",
            "activityBar.activeBackground": "#bddac0",
            "statusBar.background": "#bddac0",
            "dropdown.background": "#CBE9CB",
            "dropdown.listBackground": "#CBE9CB",
            "dropdown.border": "#bddac0",
            "editorHoverWidget.background": "#bddac0",
            "editorHoverWidget.border": "#AFC7B2",
            "editorHint.border": "#AFC7B2",
            "editorError.foreground": "#ff0000",
            "editorGroupHeader.tabsBackground": "#CBE9CB",
            "editorIndentGuide.background": "#bddac0",
            "editorIndentGuide.activeBackground": "#AFC7B2",
            "sideBarSectionHeader.background": "#bddac0",
            "tab.activeBackground": "#AFC7B2",
            "tab.activeBorder": "#AFC7B2",
            "tab.border": "#afc7b2b9",
            "tab.unfocusedHoverBackground": "#AFC7B2",
            "tab.inactiveBackground": "#bddac0",
            "breadcrumb.focusForeground": "#24ACF2",
            "input.background": "#bddac0",
            "input.border": "#AFC7B2",
            "list.hoverForeground": "#24ACF2",
            "list.hoverBackground": "#bddac0",
            "list.inactiveSelectionForeground": "#24ACF2",
            "list.inactiveSelectionBackground": "#bddac0",
            "list.activeSelectionBackground": "#bddac0",
            "button.background": "#bddac0",
            "statusBarItem.hoverBackground": "#AFC7B2",
            "menu.selectionBackground": "#bddac0",
            "minimap.selectionHighlight": "#24ACF2",
            "diffEditor.border": "#AFC7B2",
            "editorGroup.border": "#AFC7B2",
        }
    },**

4.这样就大功告成了，一个个找背景色实属不易，点个赞再走呗！