本文主要是介绍【工具篇】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文件
{"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
这篇关于【工具篇】vscode设置护眼色主题皮肤的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
