【工具篇】vscode设置护眼色主题皮肤

1、下载对应配置主题的插件:https://marketplace.visualstudio.com/items?itemName=Hyzeta.vscode-theme-github-light\&ssr=false#overview

2、放在本地文件夹目录,并使用vscode离线加载插件github light theme

3、使用everything搜索 Github-Light-Theme-Gray-color-theme.json文件

4、使用以下内容全部覆盖该json文件

c 复制代码
{
  "name": "Github Light Theme",
  "type": "light",
  "colors": {
    // base color
    "focusBorder": "#f0f0f000",
    "foreground": "#000000",
    "editor.background": "#fdf6e3",
    "editor.foreground": "#000000",
    "scrollbar.shadow": "#eee8d5",
    // activity bar
    "activityBar.border": "#eee8d5",
    "activityBar.background": "#eee8d5",
    "activityBar.foreground": "#000000",
    "activityBarBadge.background": "#d73a49",
    // status bar
    "statusBar.border": "#eee8d5",
    "statusBar.background": "#eee8d5",
    "statusBar.foreground": "#000000",
    "statusBar.noFolderBackground": "#eee8d5",
    "statusBar.noFolderForeground": "#000000",
    "statusBar.debuggingBackground": "#eee8d5",
    "statusBar.debuggingForeground": "#000000",
    // editor groups and tabs
    "editorGroup.border": "#eee8d5",
    "editorGroupHeader.tabsBackground": "#eee8d5",
    "editorGroupHeader.noTabsBackground": "#eee8d5",
    "editorGroupHeader.tabsBorder": "#eee8d5",
    "tab.activeBackground": "#eee8d5",
    "tab.inactiveBackground": "#eee8d5",
    "tab.border": "#eee8d5",
    "tab.activeBorder": "#d73a49",
    // side bars
    "sideBar.border": "#eee8d5",
    "sideBar.background": "#fdf6e3",
    "sideBar.foreground": "#000000",
    "sideBarSectionHeader.background": "#eee8d5",
    // list
    "list.highlightForeground": "#d73a49",
    "list.activeSelectionBackground": "#dfdfdf",
    "list.activeSelectionForeground": "#d73a49",
    "list.inactiveSelectionBackground": "#dfdfdf",
    "list.inactiveSelectionForeground": "#d73a49",
    "list.hoverBackground": "#dfdfdf",
    "list.hoverForeground": "#d73a49",
    "list.focusBackground": "#dfdfdf",
    "list.focusForeground": "#d73a49",
    // editor
    "editor.lineHighlightBackground": "#f0ecd0",
    "editor.lineHighlightBorder": "#f0ecd0",
    "editorLineNumber.foreground": "#babbbc",
    "editorLineNumber.activeForeground": "#000000",
    "editor.selectionBackground": "#fed442",
    // input
    "input.border": "#b2b2b2",
    "input.background": "#eee8d5",
    "inputOption.activeBorder": "#000000",
    "inputOption.activeForeground": "#000000",
    "dropdown.border": "#b2b2b2",
    "dropdown.background": "#eee8d5",
    "dropdown.listBackground": "#eee8d5",
    // notification
    "notificationCenter.border": "#eee8d5",
    "notificationCenterHeader.background": "#eee8d5",
    "notificationToast.border": "#eee8d5",
    "notifications.background": "#eee8d5",
    "notifications.border": "#eee8d5",
    // button
    "button.background": "#d73a49",
    "button.foreground": "#eee8d5",
    // titlebar
    "titleBar.border": "#eee8d5",
    "titleBar.activeBackground": "#eee8d5",
    "titleBar.activeForeground": "#000000",
    "titleBar.inactiveBackground": "#f0f0f0",
    "titleBar.inactiveForeground": "#000000",
    // editor widget
    "editorWidget.background": "#eee8d5",
    "editorWidget.border": "#000000",
    "editorSuggestWidget.highlightForeground": "#d73a49",
    "editorSuggestWidget.selectedBackground": "#e1e1e1",
    // panel
    "panel.border": "#d73a49"
  },
  "tokenColors": [
    {
      "scope": [
        "comment",
        "punctuation.definition.comment",
        "string.comment"
      ],
      "settings": {
        "foreground": "#6a737d"
      },
      "name": "Comment"
    },
    {
      "scope": [
        "constant",
        "entity.name.constant",
        "variable.other.constant",
        "variable.language"
      ],
      "settings": {
        "foreground": "#005cc5"
      },
      "name": "Constant"
    },
    {
      "scope": [
        "keyword.operator.symbole",
        "keyword.other.mark"
      ],
      "name": "Clojure workaround; don't highlight these separately from their enclosing scope",
      "settings": {
        "foreground": "#000000"
      }
    },
    {
      "scope": [
        "entity",
        "entity.name"
      ],
      "settings": {
        "foreground": "#6f42c1"
      },
      "name": "Entity"
    },
    {
      "scope": [
        "variable.parameter.function"
      ],
      "settings": {
        "foreground": "#000000"
      }
    },
    {
      "scope": [
        "entity.name.tag"
      ],
      "settings": {
        "foreground": "#22863a"
      }
    },
    {
      "scope": [
        "keyword"
      ],
      "settings": {
        "foreground": "#d73a49"
      },
      "name": "Keyword"
    },
    {
      "scope": [
        "storage",
        "storage.type"
      ],
      "settings": {
        "foreground": "#d73a49"
      },
      "name": "Storage"
    },
    {
      "scope": [
        "storage.modifier.package",
        "storage.modifier.import",
        "storage.type.java"
      ],
      "settings": {
        "foreground": "#000000"
      }
    },
    {
      "scope": [
        "string",
        "punctuation.definition.string",
        "string punctuation.section.embedded source"
      ],
      "settings": {
        "foreground": "#032f62"
      },
      "name": "String"
    },
    {
      "name": "Ada workaround; don't highlight imports as strings",
      "scope": [
        "string.unquoted.import.ada"
      ],
      "settings": {}
    },
    {
      "scope": [
        "support"
      ],
      "settings": {
        "foreground": "#005cc5"
      },
      "name": "Support"
    },
    {
      "scope": [
        "meta.property-name"
      ],
      "settings": {
        "foreground": "#005cc5"
      }
    },
    {
      "scope": [
        "variable"
      ],
      "settings": {
        "foreground": "#e36209"
      },
      "name": "Variable"
    },
    {
      "scope": [
        "variable.other"
      ],
      "settings": {
        "foreground": "#000000"
      }
    },
    {
      "scope": [
        "invalid.broken"
      ],
      "settings": {
        "fontStyle": "bold italic underline",
        "foreground": "#b31d28"
      },
      "name": "Invalid - Broken"
    },
    {
      "scope": [
        "invalid.deprecated"
      ],
      "settings": {
        "fontStyle": "bold italic underline",
        "foreground": "#b31d28"
      },
      "name": "Invalid -- Deprecated"
    },
    {
      "scope": [
        "invalid.illegal"
      ],
      "settings": {
        "fontStyle": "italic underline",
        "foreground": "#b31d28"
      },
      "name": "Invalid -- Illegal"
    },
    {
      "scope": [
        "carriage-return"
      ],
      "settings": {
        "fontStyle": "italic underline",
        "foreground": "#d73a49"
      },
      "name": "Carriage Return"
    },
    {
      "scope": [
        "invalid.unimplemented"
      ],
      "settings": {
        "fontStyle": "bold italic underline",
        "foreground": "#b31d28"
      },
      "name": "Invalid - Unimplemented"
    },
    {
      "scope": [
        "message.error"
      ],
      "settings": {
        "foreground": "#b31d28"
      }
    },
    {
      "scope": [
        "string source"
      ],
      "settings": {
        "foreground": "#000000"
      },
      "name": "String embedded-source"
    },
    {
      "scope": [
        "string variable"
      ],
      "settings": {
        "foreground": "#005cc5"
      },
      "name": "String variable"
    },
    {
      "scope": [
        "source.regexp",
        "string.regexp"
      ],
      "settings": {
        "foreground": "#032f62"
      },
      "name": "String.regexp"
    },
    {
      "scope": [
        "string.regexp.character-class",
        "string.regexp constant.character.escape",
        "string.regexp source.ruby.embedded",
        "string.regexp string.regexp.arbitrary-repitition"
      ],
      "settings": {
        "foreground": "#032f62"
      },
      "name": "String.regexp.special"
    },
    {
      "scope": [
        "string.regexp constant.character.escape"
      ],
      "settings": {
        "fontStyle": "bold",
        "foreground": "#22863a"
      },
      "name": "String.regexp constant.character.escape"
    },
    {
      "scope": [
        "support.constant"
      ],
      "settings": {
        "foreground": "#005cc5"
      },
      "name": "Support.constant"
    },
    {
      "scope": [
        "support.variable"
      ],
      "settings": {
        "foreground": "#005cc5"
      },
      "name": "Support.variable"
    },
    {
      "scope": [
        "meta.module-reference"
      ],
      "settings": {
        "foreground": "#005cc5"
      },
      "name": "meta module-reference"
    },
    {
      "scope": [
        "markup.list"
      ],
      "settings": {
        "foreground": "#735c0f"
      },
      "name": "Markup.list"
    },
    {
      "scope": [
        "markup.heading",
        "markup.heading entity.name"
      ],
      "settings": {
        "fontStyle": "bold",
        "foreground": "#005cc5"
      },
      "name": "Markup.heading"
    },
    {
      "scope": [
        "markup.quote"
      ],
      "settings": {
        "foreground": "#22863a"
      },
      "name": "Markup.quote"
    },
    {
      "scope": [
        "markup.italic"
      ],
      "settings": {
        "fontStyle": "italic",
        "foreground": "#000000"
      },
      "name": "Markup.italic"
    },
    {
      "scope": [
        "markup.bold"
      ],
      "settings": {
        "fontStyle": "bold",
        "foreground": "#000000"
      },
      "name": "Markup.bold"
    },
    {
      "scope": [
        "markup.raw"
      ],
      "settings": {
        "foreground": "#005cc5"
      },
      "name": "Markup.raw"
    },
    {
      "scope": [
        "markup.deleted",
        "meta.diff.header.from-file",
        "punctuation.definition.deleted"
      ],
      "settings": {
        "foreground": "#b31d28"
      },
      "name": "Markup.deleted"
    },
    {
      "scope": [
        "markup.inserted",
        "meta.diff.header.to-file",
        "punctuation.definition.inserted"
      ],
      "settings": {
        "foreground": "#22863a"
      },
      "name": "Markup.inserted"
    },
    {
      "scope": [
        "markup.changed",
        "punctuation.definition.changed"
      ],
      "settings": {
        "foreground": "#e36209"
      }
    },
    {
      "scope": [
        "markup.ignored",
        "markup.untracked"
      ],
      "settings": {
        "foreground": "#005cc5"
      }
    },
    {
      "scope": [
        "meta.diff.range"
      ],
      "settings": {
        "foreground": "#6f42c1",
        "fontStyle": "bold"
      }
    },
    {
      "scope": [
        "meta.diff.header"
      ],
      "settings": {
        "foreground": "#005cc5"
      }
    },
    {
      "scope": [
        "meta.separator"
      ],
      "settings": {
        "fontStyle": "bold",
        "foreground": "#005cc5"
      },
      "name": "Meta.separator"
    },
    {
      "name": "Output",
      "scope": [
        "meta.output"
      ],
      "settings": {
        "foreground": "#005cc5"
      }
    },
    {
      "scope": [
        "brackethighlighter.tag",
        "brackethighlighter.curly",
        "brackethighlighter.round",
        "brackethighlighter.square",
        "brackethighlighter.angle",
        "brackethighlighter.quote"
      ],
      "settings": {
        "foreground": "#586069"
      }
    },
    {
      "scope": [
        "brackethighlighter.unmatched"
      ],
      "settings": {
        "foreground": "#b31d28"
      }
    },
    {
      "scope": [
        "sublimelinter.mark.error"
      ],
      "settings": {
        "foreground": "#b31d28"
      }
    },
    {
      "scope": [
        "sublimelinter.mark.warning"
      ],
      "settings": {
        "foreground": "#e36209"
      }
    },
    {
      "scope": [
        "sublimelinter.gutter-mark"
      ],
      "settings": {
        "foreground": "#959da5"
      }
    },
    {
      "scope": [
        "constant.other.reference.link",
        "string.other.link"
      ],
      "settings": {
        "foreground": "#032f62",
        "fontStyle": "underline"
      }
    },
    {
      "scope": [
        "meta.function-call support.function",
        "meta.function-call entity.name.function"
      ],
      "settings": {
        "foreground": "#005cc5"
      }
    },
    {
      "scope": [
        "keyword.operator"
      ],
      "settings": {
        "foreground": "#000000"
      }
    }
  ]
}

5、重启vscode

相关推荐
小灰灰__3 小时前
IDEA加载通义灵码插件及使用指南
java·ide·intellij-idea
Mortal_hhh4 小时前
VScode的C/C++点击转到定义,不是跳转定义而是跳转声明怎么办?(内附详细做法)
ide·vscode·stm32·编辑器
无极程序员5 小时前
PHP常量
android·ide·android studio
小黄人软件8 小时前
android浏览器源码 可输入地址或关键词搜索 android studio 2024 可开发可改地址
android·ide·android studio
叶知安11 小时前
如何用pycharm连接sagemath?
ide·python·pycharm
电子云与长程纠缠14 小时前
UE5.3中通过编辑器工具创建大纲菜单文件夹
java·ue5·编辑器
会发光的猪。14 小时前
如何在vscode中安装git详细新手教程
前端·ide·git·vscode
lucky九年15 小时前
vscode翻译插件
ide·vscode·编辑器
帅得不敢出门15 小时前
Gradle命令编译Android Studio工程项目并签名
android·ide·android studio·gradlew