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

2024-09-03 12:04

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



http://www.chinasem.cn/article/1132922

相关文章

Java数字转换工具类NumberUtil的使用

《Java数字转换工具类NumberUtil的使用》NumberUtil是一个功能强大的Java工具类,用于处理数字的各种操作,包括数值运算、格式化、随机数生成和数值判断,下面就来介绍一下Number... 目录一、NumberUtil类概述二、主要功能介绍1. 数值运算2. 格式化3. 数值判断4. 随机

CSS弹性布局常用设置方式

《CSS弹性布局常用设置方式》文章总结了CSS布局与样式的常用属性和技巧,包括视口单位、弹性盒子布局、浮动元素、背景和边框样式、文本和阴影效果、溢出隐藏、定位以及背景渐变等,通过这些技巧,可以实现复杂... 一、单位元素vm 1vm 为视口的1%vh 视口高的1%vmin 参照长边vmax 参照长边re

使用Navicat工具比对两个数据库所有表结构的差异案例详解

《使用Navicat工具比对两个数据库所有表结构的差异案例详解》:本文主要介绍如何使用Navicat工具对比两个数据库test_old和test_new,并生成相应的DDLSQL语句,以便将te... 目录概要案例一、如图两个数据库test_old和test_new进行比较:二、开始比较总结概要公司存在多

Windows设置nginx启动端口的方法

《Windows设置nginx启动端口的方法》在服务器配置与开发过程中,nginx作为一款高效的HTTP和反向代理服务器,被广泛应用,而在Windows系统中,合理设置nginx的启动端口,是确保其正... 目录一、为什么要设置 nginx 启动端口二、设置步骤三、常见问题及解决一、为什么要设置 nginx

Java中基于注解的代码生成工具MapStruct映射使用详解

《Java中基于注解的代码生成工具MapStruct映射使用详解》MapStruct作为一个基于注解的代码生成工具,为我们提供了一种更加优雅、高效的解决方案,本文主要为大家介绍了它的具体使用,感兴趣... 目录介绍优缺点优点缺点核心注解及详细使用语法说明@Mapper@Mapping@Mappings@Co

使用Python实现图片和base64转换工具

《使用Python实现图片和base64转换工具》这篇文章主要为大家详细介绍了如何使用Python中的base64模块编写一个工具,可以实现图片和Base64编码之间的转换,感兴趣的小伙伴可以了解下... 简介使用python的base64模块来实现图片和Base64编码之间的转换。可以将图片转换为Bas

使用Java实现一个解析CURL脚本小工具

《使用Java实现一个解析CURL脚本小工具》文章介绍了如何使用Java实现一个解析CURL脚本的工具,该工具可以将CURL脚本中的Header解析为KVMap结构,获取URL路径、请求类型,解析UR... 目录使用示例实现原理具体实现CurlParserUtilCurlEntityICurlHandler

Rsnapshot怎么用? 基于Rsync的强大Linux备份工具使用指南

《Rsnapshot怎么用?基于Rsync的强大Linux备份工具使用指南》Rsnapshot不仅可以备份本地文件,还能通过SSH备份远程文件,接下来详细介绍如何安装、配置和使用Rsnaps... Rsnapshot 是一款开源的文件系统快照工具。它结合了 Rsync 和 SSH 的能力,可以帮助你在 li

vue基于ElementUI动态设置表格高度的3种方法

《vue基于ElementUI动态设置表格高度的3种方法》ElementUI+vue动态设置表格高度的几种方法,抛砖引玉,还有其它方法动态设置表格高度,大家可以开动脑筋... 方法一、css + js的形式这个方法需要在表格外层设置一个div,原理是将表格的高度设置成外层div的高度,所以外层的div需要

使用DeepSeek API 结合VSCode提升开发效率

《使用DeepSeekAPI结合VSCode提升开发效率》:本文主要介绍DeepSeekAPI与VisualStudioCode(VSCode)结合使用,以提升软件开发效率,具有一定的参考价值... 目录引言准备工作安装必要的 VSCode 扩展配置 DeepSeek API1. 创建 API 请求文件2.