当前位置: 首页> 健康> 知识 > 【工具篇】vscode设置护眼色主题皮肤

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

时间:2025/7/11 9:25:36来源:https://blog.csdn.net/qq_37286579/article/details/141852160 浏览次数:0次

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设置护眼色主题皮肤

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: