天天看點

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檔案即可即可得到護眼豆沙綠背景色

 以上就是這些了,大家有問題可以留言交流哈,呵呵呵