天天看点

VS Studio和VS Code,IntelliJ IDEA的护眼背景色设置

最近因为长时间的看电脑、手机等电子产品屏幕,眼睛已经有点酸疼了,所以找了下常用的编程软件的护眼模式:

1.VS Studio

设置VS Studio的护眼模式,这里是用VS Studio Community 2019来举例

首先在菜单栏中选择“工具” ——》“选项” —— 》“环境” ——》“字体和颜色” ,

VS Studio和VS Code,IntelliJ IDEA的护眼背景色设置

如上图所示,在右侧的“显示项”中选择“纯文本”,然后点击“项背景”的“自定义”按钮,就可以自由设置代码文本的背景颜色了

VS Studio和VS Code,IntelliJ IDEA的护眼背景色设置

如上图所示,设置“色调 = 85,饱和度 = 123,亮度 = 205”或者设置“RGB"分别为“199,237,204”就可以得到护眼的背景色了

效果如下:

VS Studio和VS Code,IntelliJ IDEA的护眼背景色设置

当然也可以在“显示项”中选择其他的选项,例如想要设置代码文本中“注释”的颜色时就可以在“显示项”的下拉列表中将滚动条拖到底部选择“注释”,同样的方式点击“自定义”设置“注释”的颜色值。当设置"RGB"分别为“99,183,142”时可以得到如下效果:

VS Studio和VS Code,IntelliJ IDEA的护眼背景色设置

当然也可以自由设置以上两项选项“纯文本”、“注释”的颜色为自己喜欢的颜色

2.IntelliJ IDEA 

 设置IntelliJ IDEA 为护眼模式,这里以IntelliJ IDEA Community Edition 2020.2举例:

选择菜单栏“File” ——》“Settings”

VS Studio和VS Code,IntelliJ IDEA的护眼背景色设置

 如上图依次选择“Editor" ——》“Color Scheme” ——》“General”,右边选择“Text” ——》“Default Text”,点击右侧的“Background”设置RGB分别为“199,237,204”即可得到护眼背景色

3.VS Code 

设置VS Code为护眼模式,这里以 VS Code 1.60.0版本为例:

选择菜单栏“文件” ——》“首选项” ——》“颜色主题”,如下图

VS Studio和VS Code,IntelliJ IDEA的护眼背景色设置

 在主题下拉列表中选择:Atom One Light,如果没有这个主题就现在扩展商店下载

VS Studio和VS Code,IntelliJ IDEA的护眼背景色设置

然后打开VS Code的settings.json文件,默认该文件在"C:\Users\Administrator\AppData\Roaming\Code\User"路径下

在该文件中添加以下代码:

"workbench.colorCustomizations": {
		"[Atom One Light]": {
			"editor.background": "#C7EDCC",
			"sideBar.background": "#C7EDCC",
			"activityBar.background": "#C7EDCC"
		}
	}
           

 然后保存该settings.json文件即可即可得到护眼豆沙绿背景色

 以上就是这些了,大家有问题可以留言交流哈,呵呵呵