Visual Studio Code 官方护眼主题绿豆沙颜色修改，让你的眼睛远离疲劳！

是否厌倦了Visual Studio Code的官方主题，是否觉得暗色主题无趣乏味，那么，请看我的主题：

护眼，远离疲劳，废话不多说，上教程：
1.这款主题是Atom One Light 的基础上修改的，首先我们需要下载并设置Atom One Light

2.接下来就给各种看着不习惯的主题背景换肤
依次打开【文件】——【首选项】——【设置】 找到一个 setting.json 的，点击打开

3.然后换上以下代码，即可。

**"workbench.colorCustomizations": {"[Atom One Light]": {"titleBar.activeBackground": "#bddac0","titleBar.inactiveBackground": "#bddac0","titleBar.border": "#AFC7B2","editor.background": "#CBE9CB","sideBar.background": "#CBE9CB","sideBar.border": "#AFC7B2","sideBarTitle.foreground": "#24ACF2","activityBar.background": "#CBE9CB","activityBar.border": "#AFC7B2","editorCursor.foreground": "#06171B","editor.lineHighlightBackground": "#c0e4c3b6","editor.selectionBackground": "#AFC7B2","activityBar.activeBackground": "#bddac0","statusBar.background": "#bddac0","dropdown.background": "#CBE9CB","dropdown.listBackground": "#CBE9CB","dropdown.border": "#bddac0","editorHoverWidget.background": "#bddac0","editorHoverWidget.border": "#AFC7B2","editorHint.border": "#AFC7B2","editorError.foreground": "#ff0000","editorGroupHeader.tabsBackground": "#CBE9CB","editorIndentGuide.background": "#bddac0","editorIndentGuide.activeBackground": "#AFC7B2","sideBarSectionHeader.background": "#bddac0","tab.activeBackground": "#AFC7B2","tab.activeBorder": "#AFC7B2","tab.border": "#afc7b2b9","tab.unfocusedHoverBackground": "#AFC7B2","tab.inactiveBackground": "#bddac0","breadcrumb.focusForeground": "#24ACF2","input.background": "#bddac0","input.border": "#AFC7B2","list.hoverForeground": "#24ACF2","list.hoverBackground": "#bddac0","list.inactiveSelectionForeground": "#24ACF2","list.inactiveSelectionBackground": "#bddac0","list.activeSelectionBackground": "#bddac0","button.background": "#bddac0","statusBarItem.hoverBackground": "#AFC7B2","menu.selectionBackground": "#bddac0","minimap.selectionHighlight": "#24ACF2","diffEditor.border": "#AFC7B2","editorGroup.border": "#AFC7B2",}},**

4.这样就大功告成了，一个个找背景色实属不易，点个赞再走呗！

Visual Studio Code 官方护眼主题绿豆沙颜色修改，让你的眼睛远离疲劳！相关推荐

Visual Studio Code（VSCODE）自定义语言和颜色主题
注:本文由赤石俊哉翻译整理,如需转载请征得译者同意,如果您是本文的原作者,并且不希望公布此译文,您可以联系我,我将删除相关文章.O(∩_∩)O谢谢. 原文链接:VSCODE官方文档:Customiza ...
30个极大提高开发效率的Visual Studio Code插件
译者按: 看完这篇文章,我打算从 Sublime Text 转到 Visual Studio Code 了! 原文: Immensely upgrade your development enviro ...
使用Visual Studio Code 运行ROS
Visual Studio Code 运行ROS 学习目标: 操作步骤: Visual Studio Code下载 Visual Studio Code安装与卸载安装方式1:双击安装即可(或右击选 ...
vscode php插件_JS之提高开发效率的Visual Studio Code插件
阅读本文约需要9分钟大家好,我是你们的导师,我每天都会在这里给大家分享一些干货内容(当然了,周末也要允许老师休息一下哈).上次老师跟大家分享了JS之小技巧的知识,今天跟大家分享下JS之提高开发效 ...
Visual Studio Code 构建C/C++开发环境
转自: https://blog.csdn.net/lidong_12664196/article/details/68928136#visual-sutdio-code%E4%BB%A5%E5%8F ...
debian安vs_在Debian 10系统下安装和更新Visual Studio Code的方法
本文介绍在Debian 10 Linux操作系统下安装Visual Studio Code(VS Code)编辑器的方法,同时附上更新的命令. 在Debian 10下安装Visual Studio C ...
Visual Studio Code搭建Java环境
使用Visual Studio Code搭建Java环境第一步先下载我们可以到Visual Studio Code官方下载进入后我们会看到下载好后我们解压解压后进入文件夹下->新建文件 ...
Visual Studio Code（VS）
Visual Studio Code(VS) 文章目录 Visual Studio Code(VS) 介绍安装插件快捷键修改介绍 Visual Studio Code(简称VS Code)是M ...
Linux操作系统Ubuntu 22.04配置Visual Studio Code与C++代码开发环境的方法
本文介绍在Linux Ubuntu操作系统下,配置Visual Studio Code软件与C++ 代码开发环境的方法. 在文章虚拟机VMware Workstation Pro中配置Linu ...
修改Visual Studio Code编辑器的主题和代码颜色
摘要:自定义Visual Studio Code(VSCode)的主题和代码颜色在VS Code 的左下角,点击设置. 打开设置后,在搜索栏搜索关键字:主题. 搜索结果显示有许多个在setting. ...

Visual Studio Code 官方护眼主题绿豆沙颜色修改，让你的眼睛远离疲劳！

Visual Studio Code 官方护眼主题绿豆沙颜色修改，让你的眼睛远离疲劳！

Visual Studio Code 官方护眼主题绿豆沙颜色修改，让你的眼睛远离疲劳！相关推荐

最新文章

热门文章