最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

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

本文介紹了如何以管理員身份運(yùn)行VSCode并安裝 background插件,通過修改用戶設(shè)置來定制編輯器、側(cè)邊欄、活動欄等區(qū)域的背景顏色和樣式。同時,還展示了在WebStorm中設(shè)置背景圖片的方法,提供了詳細(xì)的步驟和代碼示例,幫助用戶打造個性化的開發(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", //活動欄背景色?;顒訖陲@示在最左側(cè)或最右側(cè),并允許在側(cè)邊欄的視圖間切換
"activityBar.foreground": "#519657", ///活動欄項(xiàng)在活動時的前景色。
"activityBarBadge.background": "#519657", //活動通知徽章背景色。
"activityBarBadge.foreground": "#FFFFFF", //活動欄項(xiàng)在活動時的文字顏色。
"terminal.background": "#b0dab6", //終端顏色
"tab.inactiveBackground": "#b0dab6", //非活動選項(xiàng)卡的背景色
"tab.activeBackground": "#9acea1", //活動選項(xiàng)卡的背景色。
"tab.activeForeground": "#519657", //活動組中活動選項(xiàng)卡的文字顏色。
"tab.inactiveForeground": "#97b498", //活動組中非活動選項(xiàng)卡的文字顏色。
"tab.border": "#c8e6c9", //活動組中非活動選項(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)懸停時編輯器的邊框顏色
"editorLineNumber.foreground": "#9acea1", //編輯器縮進(jìn)參考線的顏色
"editorWhitespace.foreground": "#9acea1", //編輯器中空白字符的顏色
"editorIndentGuide.background": "#c8e6c9", //編輯器縮進(jìn)參考線的顏色
"editorIndentGuide.activeBackground": "#9acea1", //編輯器活動縮進(jìn)參考線的顏色。
"editorSuggestWidget.background": "#c8e6c9", //建議小組件的背景色
"editorSuggestWidget.border": "#9acea1", //建議小組件的邊框顏色
"editorSuggestWidget.foreground": "#338a3e", //建議小組件的邊框顏色
"editorSuggestWidget.highlightForeground": "#338a3e", //建議小組件中匹配內(nèi)容的高亮顏色。
"editorSuggestWidget.selectedBackground": "#9acea1", //建議小組件中匹配內(nèi)容的高亮顏色。
"editorLineNumber.activeForeground": "#519657", //編輯器活動行號的顏色
"input.background": "#c8e6c9", //輸入框背景色。
"input.border": "#c8e6c9", //輸入框背景色。
"badge.background": "#519657", //Badge 背景色。
"statusBar.background": "#b0dab6", //工作區(qū)打開時狀態(tài)欄的背景色。狀態(tài)欄顯示在窗口底部。。
"statusBar.foreground": "#519657", //工作區(qū)打開時狀態(tài)欄的文字顏色。
"statusBarItem.hoverBackground": "#9acea1", //懸停時的狀態(tài)欄項(xiàng)背景色。
"statusBar.noFolderBackground": "#519657", //沒有打開文件夾時狀態(tài)欄的背景色
"statusBar.debuggingBackground": "#519657", //調(diào)試程序時狀態(tài)欄的背景色
"statusBar.debuggingForeground": "#00701a", //調(diào)試程序時狀態(tài)欄的文字顏色。
"debugToolBar.background": "#9acea1", //文字顏色
"editorGroupHeader.tabsBackground": "#c8e6c9", //啟用選項(xiàng)卡時編輯器組標(biāo)題的背景顏色。編輯器組是編輯器的容器。
"button.background": "#70af72", //按鈕背景色。
"button.foreground": "#FFFFFF", //按鈕文字顏色
"button.hoverBackground": "#519657", //按鈕在懸停時的背景顏色
"extensionButton.prominentBackground": "#70af72", //擴(kuò)展中突出操作的按鈕背景色(比如 安裝按鈕)
"extensionButton.prominentHoverBackground": "#70af72", //擴(kuò)展中突出操作的按鈕被懸停時的顏色(比如 安裝按鈕)。
"scrollbar.shadow": "#81c784", //表示視圖被滾動的滾動條陰影
"scrollbarSlider.background": "#81c784", //滾動條滑塊背景色
"scrollbarSlider.hoverBackground": "#81c784", //滾動條滑塊背景色
"scrollbarSlider.activeBackground": "#81c784", //滾動條滑塊在被點(diǎn)擊時的背景色
"list.activeSelectionBackground": "#9acea1", //已選項(xiàng)在列表或樹活動時的背景顏色。
"list.activeSelectionForeground": "#519657", //已選項(xiàng)在列表或樹活動時的文字顏色。活動的列表或樹具有鍵盤焦點(diǎn),非活動的沒有。
"list.inactiveSelectionBackground": "#9acea1", //已選項(xiàng)在列表或樹非活動時的背景顏色?;顒拥牧斜砘驑渚哂墟I盤焦點(diǎn),非活動的沒有。
"list.inactiveSelectionForeground": "#519657", //已選項(xiàng)在列表或樹非活動時的文字顏色?;顒拥牧斜砘驑渚哂墟I盤焦點(diǎn),非活動的沒有。
"list.hoverBackground": "#9acea1", //已在列表或樹中搜索時,其中匹配內(nèi)容的高亮顏色。
"list.highlightForeground": "#9acea1", //在列表或樹中搜索時,其中匹配內(nèi)容的高亮顏色。
"gitDecoration.modifiedResourceForeground": "#00600f", //已修改資源的顏色。
"dropdown.background": "#c8e6c9", //下拉列表背景色。
"dropdown.border": "#9acea1", //下拉列表背景色。
"titleBar.activeBackground": "#b0dab6", //窗口處于活動狀態(tài)時的標(biāo)題欄背景色。請注意,該顏色當(dāng)前僅在 macOS 上受支持。
"titleBar.activeForeground": "#519657", //窗口處于活動狀態(tài)時的標(biāo)題欄前景色。請注意,該顏色當(dāng)前僅在 macOS 上受支持。
"titleBar.inactiveBackground": "#9acea1", //窗口處于活動狀態(tài)時的標(biāo)題欄文字顏色。請注意,該顏色當(dāng)前僅在 macOS 上受支持。
"titleBar.inactiveForeground": "#519657" //窗口處于非活動狀態(tài)時的標(biāo)題欄文字顏色。請注意,該顏色當(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)文章

最新評論

西城区| 依安县| 大悟县| 湾仔区| 张北县| 磴口县| 大名县| 噶尔县| 洛扎县| 洛扎县| 宝丰县| 新乐市| 犍为县| 丰都县| 大埔区| 木兰县| 云浮市| 稷山县| 惠安县| 齐齐哈尔市| 古交市| 天柱县| 东光县| 灵武市| 大洼县| 北宁市| 乌苏市| 满城县| 昌江| 永定县| 崇文区| 象州县| 清镇市| 怀远县| 榕江县| 南开区| 库尔勒市| 柏乡县| 新兴县| 会理县| 桐乡市|