当前位置：首页 > article >正文

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

article 2024/9/22 10:11:21

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文件


{
  "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"
      }
    }
  ]
}