欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

VSCode和webstorm怎么設(shè)置綠色護(hù)眼背景? 綠豆沙背景色的設(shè)置方法

  發(fā)布時(shí)間:2025-04-15 11:06:32   作者:佚名   我要評(píng)論
護(hù)眼色一定程度能保護(hù)眼睛,緩解疲勞,VSCode和webstorm這兩款常用的軟件怎么設(shè)置護(hù)眼色呢?詳細(xì)請(qǐng)看下文介紹

本文介紹了如何以管理員身份運(yùn)行VSCode并安裝 background插件,通過修改用戶設(shè)置來定制編輯器、側(cè)邊欄、活動(dòng)欄等區(qū)域的背景顏色和樣式。同時(shí),還展示了在WebStorm中設(shè)置背景圖片的方法,提供了詳細(xì)的步驟和代碼示例,幫助用戶打造個(gè)性化的開發(fā)環(huán)境。

vscode

以管理員身份運(yùn)行VS Code,安裝 background插件

打開 “文件-首選項(xiàng)-設(shè)置” 用戶設(shè)置 setting

在用戶設(shè)置中輸入以下代碼,修改完后按Ctrl+S保存,可以自由選擇輸入樣式

 "workbench.colorCustomizations": {
"[Atom One Light]": {
"editor.background": "#b0dab6", //編輯器背景顏色
"sideBar.background": "#b0dab6", //側(cè)邊欄背景色。側(cè)邊欄是資源管理器和搜索等視圖的容器。
"sideBarSectionHeader.background": "#9acea1", //側(cè)邊欄節(jié)標(biāo)題的背景顏色
"focusBorder": "#9acea1", //焦點(diǎn)元素的整體邊框顏色。
"foreground": "#519657", //左側(cè)資源管理器文字顏色
"activityBar.background": "#b0dab6", //活動(dòng)欄背景色?;顒?dòng)欄顯示在最左側(cè)或最右側(cè),并允許在側(cè)邊欄的視圖間切換
"activityBar.foreground": "#519657", ///活動(dòng)欄項(xiàng)在活動(dòng)時(shí)的前景色。
"activityBarBadge.background": "#519657", //活動(dòng)通知徽章背景色。
"activityBarBadge.foreground": "#FFFFFF", //活動(dòng)欄項(xiàng)在活動(dòng)時(shí)的文字顏色。
"terminal.background": "#b0dab6", //終端顏色
"tab.inactiveBackground": "#b0dab6", //非活動(dòng)選項(xiàng)卡的背景色
"tab.activeBackground": "#9acea1", //活動(dòng)選項(xiàng)卡的背景色。
"tab.activeForeground": "#519657", //活動(dòng)組中活動(dòng)選項(xiàng)卡的文字顏色。
"tab.inactiveForeground": "#97b498", //活動(dòng)組中非活動(dòng)選項(xiàng)卡的文字顏色。
"tab.border": "#c8e6c9", //活動(dòng)組中非活動(dòng)選項(xiàng)卡的前景色。
"editor.lineHighlightBackground": "#9acea1", //光標(biāo)所在行高亮內(nèi)容的背景顏色
"editor.selectionBackground": "#9acea1", //編輯器所選內(nèi)容的顏色
"editorWidget.background": "#c8e6c9", //編輯器組件(如查找/替換)背景顏色
"editorHoverWidget.background": "#9acea1", //編輯器懸停提示的背景顏色
"editorHoverWidget.border": "#9acea1", //光標(biāo)懸停時(shí)編輯器的邊框顏色
"editorLineNumber.foreground": "#9acea1", //編輯器縮進(jìn)參考線的顏色
"editorWhitespace.foreground": "#9acea1", //編輯器中空白字符的顏色
"editorIndentGuide.background": "#c8e6c9", //編輯器縮進(jìn)參考線的顏色
"editorIndentGuide.activeBackground": "#9acea1", //編輯器活動(dòng)縮進(jìn)參考線的顏色。
"editorSuggestWidget.background": "#c8e6c9", //建議小組件的背景色
"editorSuggestWidget.border": "#9acea1", //建議小組件的邊框顏色
"editorSuggestWidget.foreground": "#338a3e", //建議小組件的邊框顏色
"editorSuggestWidget.highlightForeground": "#338a3e", //建議小組件中匹配內(nèi)容的高亮顏色。
"editorSuggestWidget.selectedBackground": "#9acea1", //建議小組件中匹配內(nèi)容的高亮顏色。
"editorLineNumber.activeForeground": "#519657", //編輯器活動(dòng)行號(hào)的顏色
"input.background": "#c8e6c9", //輸入框背景色。
"input.border": "#c8e6c9", //輸入框背景色。
"badge.background": "#519657", //Badge 背景色。
"statusBar.background": "#b0dab6", //工作區(qū)打開時(shí)狀態(tài)欄的背景色。狀態(tài)欄顯示在窗口底部。。
"statusBar.foreground": "#519657", //工作區(qū)打開時(shí)狀態(tài)欄的文字顏色。
"statusBarItem.hoverBackground": "#9acea1", //懸停時(shí)的狀態(tài)欄項(xiàng)背景色。
"statusBar.noFolderBackground": "#519657", //沒有打開文件夾時(shí)狀態(tài)欄的背景色
"statusBar.debuggingBackground": "#519657", //調(diào)試程序時(shí)狀態(tài)欄的背景色
"statusBar.debuggingForeground": "#00701a", //調(diào)試程序時(shí)狀態(tài)欄的文字顏色。
"debugToolBar.background": "#9acea1", //文字顏色
"editorGroupHeader.tabsBackground": "#c8e6c9", //啟用選項(xiàng)卡時(shí)編輯器組標(biāo)題的背景顏色。編輯器組是編輯器的容器。
"button.background": "#70af72", //按鈕背景色。
"button.foreground": "#FFFFFF", //按鈕文字顏色
"button.hoverBackground": "#519657", //按鈕在懸停時(shí)的背景顏色
"extensionButton.prominentBackground": "#70af72", //擴(kuò)展中突出操作的按鈕背景色(比如 安裝按鈕)
"extensionButton.prominentHoverBackground": "#70af72", //擴(kuò)展中突出操作的按鈕被懸停時(shí)的顏色(比如 安裝按鈕)。
"scrollbar.shadow": "#81c784", //表示視圖被滾動(dòng)的滾動(dòng)條陰影
"scrollbarSlider.background": "#81c784", //滾動(dòng)條滑塊背景色
"scrollbarSlider.hoverBackground": "#81c784", //滾動(dòng)條滑塊背景色
"scrollbarSlider.activeBackground": "#81c784", //滾動(dòng)條滑塊在被點(diǎn)擊時(shí)的背景色
"list.activeSelectionBackground": "#9acea1", //已選項(xiàng)在列表或樹活動(dòng)時(shí)的背景顏色。
"list.activeSelectionForeground": "#519657", //已選項(xiàng)在列表或樹活動(dòng)時(shí)的文字顏色?;顒?dòng)的列表或樹具有鍵盤焦點(diǎn),非活動(dòng)的沒有。
"list.inactiveSelectionBackground": "#9acea1", //已選項(xiàng)在列表或樹非活動(dòng)時(shí)的背景顏色?;顒?dòng)的列表或樹具有鍵盤焦點(diǎn),非活動(dòng)的沒有。
"list.inactiveSelectionForeground": "#519657", //已選項(xiàng)在列表或樹非活動(dòng)時(shí)的文字顏色。活動(dòng)的列表或樹具有鍵盤焦點(diǎn),非活動(dòng)的沒有。
"list.hoverBackground": "#9acea1", //已在列表或樹中搜索時(shí),其中匹配內(nèi)容的高亮顏色。
"list.highlightForeground": "#9acea1", //在列表或樹中搜索時(shí),其中匹配內(nèi)容的高亮顏色。
"gitDecoration.modifiedResourceForeground": "#00600f", //已修改資源的顏色。
"dropdown.background": "#c8e6c9", //下拉列表背景色。
"dropdown.border": "#9acea1", //下拉列表背景色。
"titleBar.activeBackground": "#b0dab6", //窗口處于活動(dòng)狀態(tài)時(shí)的標(biāo)題欄背景色。請(qǐng)注意,該顏色當(dāng)前僅在 macOS 上受支持。
"titleBar.activeForeground": "#519657", //窗口處于活動(dòng)狀態(tài)時(shí)的標(biāo)題欄前景色。請(qǐng)注意,該顏色當(dāng)前僅在 macOS 上受支持。
"titleBar.inactiveBackground": "#9acea1", //窗口處于活動(dòng)狀態(tài)時(shí)的標(biāo)題欄文字顏色。請(qǐng)注意,該顏色當(dāng)前僅在 macOS 上受支持。
"titleBar.inactiveForeground": "#519657" //窗口處于非活動(dòng)狀態(tài)時(shí)的標(biāo)題欄文字顏色。請(qǐng)注意,該顏色當(dāng)前僅在 macOS 上受支持
},
},

效果如下

單獨(dú)設(shè)置編輯器背景圖片

"background.customImages": [
"file:///C:/Users/Administrator/Desktop/ba.jpg"
],
"background.style": {
"content": "''",
"pointer-events": "none",
"background-position": "center",
"background-repeat": "no-repeat",
"background-size": "100%,100%",
"opacity": 0.4
},

webstorm

打開-“文件-設(shè)置”-Background Image

選擇圖片路徑

效果如下

相關(guān)文章

最新評(píng)論