2022 流行的vscode护眼主题

3,697 阅读1分钟

2022 流行的vscode护眼主题

最近由于用眼过度,于是乎想去找一款有益于眼睛的 vscode 主题,上网查了一下大部分用的是 Atom One Light 插件。 由于之前一直用暗色系主题的,现在一半白色主题一半护眼主题很不适应,于是想全换成护眼主题, 不多废话了直接贴图和代码。

image.png

效果是这样的,代码在下面:

"workbench.colorCustomizations": {
        "[Atom One Light]": {
            "editor.background": "#C7EDCC",   
            "sideBar.background": "#b8e4be",
            "activityBar.background": "#9cce9c",
            
            "terminal.foreground" : "#555",
            "terminal.background" : "#a0ecd9",
            "terminalCursor.foreground": "#aaa",
            "panel.background": "#a0ecd9",

            "editor.selectionHighlightBackground": "#c1dfc5",
            "editor.selectionBackground": "#c1dfc5",
            "editorIndentGuide.activeBackground":"#9ba4af",
            "editorWidget.background": "#b8e4be",
            "editorWidget.border": "#b8e4be",
            "editorGroup.border": "#9cce9c",
            "editorSuggestWidget.background": "#b8e4be",
            "editorSuggestWidget.border": "#b8e4be",
            "editorSuggestWidget.selectedBackground": "#C7EDCC",
            "editorHoverWidget.background": "#b8e4be",
            "editorHoverWidget.border": "#b8e4be",
            "editorHoverWidget.statusBarBackground": "#b8e4be",
            "editorGroupHeader.border": "#9cce9c",
            "editorGroupHeader.tabsBorder": "#9cce9c",
            "editorGroupHeader.tabsBackground": "#C7EDCC",
            
            "tab.border": "#9cce9c",
            "tab.activeBackground": "#b8e4be",
            "tab.inactiveBackground": "#C7EDCC",
            "titleBar.activeBackground": "#9cce9c",
            "titleBar.inactiveBackground": "#9cce9c",

            "searchEditor.findMatchBackground": "#9cce9c",
            "searchEditor.findMatchBorder": "#9cce9c",

            "input.background": "#C7EDCC",
            "input.border": "#C7EDCC",
            "inputOption.activeBackground": "#9cce9c",
            "inputValidation.errorBackground": "#C7EDCC",
            "checkbox.background": "#9cce9c",

            "list.hoverBackground": "#C7EDCC",
            "listFilterWidget.background": "#C7EDCC",
            "list.activeSelectionBackground": "#C7EDCC",
            "list.inactiveSelectionBackground": "#C7EDCC",

            "menu.border": "#9cce9c",
            "menu.background": "#C7EDCC",
            "menu.selectionBackground": "#b8e4be",

            "sideBarSectionHeader.background": "#C7EDCC",
            "statusBar.background": "#9cce9c",
            "statusBarItem.hoverBackground": "#C7EDCC",
            "statusBar.noFolderBackground": "#9cce9c",

            "notifications.background": "#b8e4be",
            "quickInput.background": "#b8e4be",

            "panel.border": "#9cce9c",
            "panelSectionHeader.border": "#9cce9c",

            "settings.textInputBackground": "#C7EDCC",
            "settings.textInputBorder": "#9cce9c",

            "dropdown.background": "#C7EDCC",
            "dropdown.border": "#9cce9c",

            "peekViewEditor.background": "#C7EDCC",
            "peekView.border": "#9cce9c",
            "peekViewResult.background": "#b8e4be",
            "peekViewTitle.background": "#b8e4be",
            "peekViewResult.selectionBackground": "#C7EDCC"

        },
    }

以上一些参数参考了 blog.csdn.net/dscn1584807… 有需要的可以自行修改。