关于前端:vscode编辑器护眼样式

46次阅读

共计 1679 个字符,预计需要花费 5 分钟才能阅读完成。

设置办法

ctrl+shift+p
open settings
主动换行

{
    "workbench.colorTheme": "Visual Studio Light",
    "workbench.colorCustomizations": {
        "editorGroupHeader.tabsBackground": "#FFFAE8",          // 标题栏未应用的中央
        "editorLineNumber.foreground": "#9F9371",               // 代码行号色彩        
        "editor.lineHighlightBackground": "#E8DFC4",            // 代码选中高亮色彩
        "editor.selectionBackground": "#BCD68D",
        "editor.background": "#FFFAE8",
        "editorIndentGuide.background": "#cecdc2",              // 代码对齐线色彩
        // 标题栏色彩设置
        "titleBar.activeBackground": "#fffef9",
        "titleBar.inactiveBackground": "#fffef9",               // 失去焦点时 titlebar 色彩
        // 流动栏色彩
        "activityBar.background": "#539c5f",
        "activityBar.activeBorder": "#41A863",
        // 选项卡色彩设置        
        "tab.activeModifiedBorder": "#41A863",
        "tab.hoverBackground": "#daeace",
        "tab.border": "#fffae8",
        "tab.activeBackground": "#41A863",
        "tab.activeForeground": "#ffffff",
        "tab.inactiveBackground": "#fffae8",
        "tab.inactiveForeground": "#41A863",
        // 侧边栏色彩设置
        "sideBarSectionHeader.background": "#FFFAE8",
        "sideBar.background": "#FFFAE8",
        "sideBarSectionHeader.foreground": "#AB7E05",
        "sideBar.border": "#d8ca9e",
        "sideBar.foreground": "#46433c",
        "sideBarTitle.foreground": "#46433c",
        // 底部状态栏色彩设置
        "statusBar.background": "#61aa5c",
        // 滚动条色彩
        "scrollbarSlider.background": "#cfb56a",
        "scrollbarSlider.hoverBackground": "#cfb56a",
        "scrollbarSlider.activeBackground": "#cfb56a",
        // 终端窗口面板色彩设置
        "panel.background": "#fffcf3",
        "panel.border": "#d8ca9e",
        // 弹出小窗口:选项设置提醒窗口,源代码补全窗口
        "editorWidget.background": "#BCD68D",                       // 弹出小窗口的背景
        "editorSuggestWidget.selectedBackground": "#e8dfc4",        // 代码提醒选中行高亮
        "list.hoverBackground": "#e8dfc4",                          // 鼠标所在行的色彩
        "editorWidget.border": "#BCD68D",                           // 弹出小窗口的边框
        "list.activeSelectionBackground": "#41A863",                // 侧边栏选中高亮
        "list.inactiveSelectionBackground": "#d8ca9e"               // 侧边栏选中未取得焦点色彩
    },
    "editor.fontSize": 15,
    "files.autoSave": "afterDelay",
    "editor.wordWrap": "on",
}

成果:

正文完
 0