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

  • <object id="sfr55"><div id="sfr55"></div></object>
    1. VSCode和webstorm怎么設(shè)置綠色護眼背景? 綠豆沙背景色的設(shè)置方法

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

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

      vscode

      以管理員身份運行VS Code,安裝 background插件

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

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

       "workbench.colorCustomizations": {
      "[Atom One Light]": {
      "editor.background": "#b0dab6", //編輯器背景顏色
      "sideBar.background": "#b0dab6", //側(cè)邊欄背景色。側(cè)邊欄是資源管理器和搜索等視圖的容器。
      "sideBarSectionHeader.background": "#9acea1", //側(cè)邊欄節(jié)標題的背景顏色
      "focusBorder": "#9acea1", //焦點元素的整體邊框顏色。
      "foreground": "#519657", //左側(cè)資源管理器文字顏色
      "activityBar.background": "#b0dab6", //活動欄背景色?;顒訖陲@示在最左側(cè)或最右側(cè),并允許在側(cè)邊欄的視圖間切換
      "activityBar.foreground": "#519657", ///活動欄項在活動時的前景色。
      "activityBarBadge.background": "#519657", //活動通知徽章背景色。
      "activityBarBadge.foreground": "#FFFFFF", //活動欄項在活動時的文字顏色。
      "terminal.background": "#b0dab6", //終端顏色
      "tab.inactiveBackground": "#b0dab6", //非活動選項卡的背景色
      "tab.activeBackground": "#9acea1", //活動選項卡的背景色。
      "tab.activeForeground": "#519657", //活動組中活動選項卡的文字顏色。
      "tab.inactiveForeground": "#97b498", //活動組中非活動選項卡的文字顏色。
      "tab.border": "#c8e6c9", //活動組中非活動選項卡的前景色。
      "editor.lineHighlightBackground": "#9acea1", //光標所在行高亮內(nèi)容的背景顏色
      "editor.selectionBackground": "#9acea1", //編輯器所選內(nèi)容的顏色
      "editorWidget.background": "#c8e6c9", //編輯器組件(如查找/替換)背景顏色
      "editorHoverWidget.background": "#9acea1", //編輯器懸停提示的背景顏色
      "editorHoverWidget.border": "#9acea1", //光標懸停時編輯器的邊框顏色
      "editorLineNumber.foreground": "#9acea1", //編輯器縮進參考線的顏色
      "editorWhitespace.foreground": "#9acea1", //編輯器中空白字符的顏色
      "editorIndentGuide.background": "#c8e6c9", //編輯器縮進參考線的顏色
      "editorIndentGuide.activeBackground": "#9acea1", //編輯器活動縮進參考線的顏色。
      "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)欄項背景色。
      "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", //啟用選項卡時編輯器組標題的背景顏色。編輯器組是編輯器的容器。
      "button.background": "#70af72", //按鈕背景色。
      "button.foreground": "#FFFFFF", //按鈕文字顏色
      "button.hoverBackground": "#519657", //按鈕在懸停時的背景顏色
      "extensionButton.prominentBackground": "#70af72", //擴展中突出操作的按鈕背景色(比如 安裝按鈕)
      "extensionButton.prominentHoverBackground": "#70af72", //擴展中突出操作的按鈕被懸停時的顏色(比如 安裝按鈕)。
      "scrollbar.shadow": "#81c784", //表示視圖被滾動的滾動條陰影
      "scrollbarSlider.background": "#81c784", //滾動條滑塊背景色
      "scrollbarSlider.hoverBackground": "#81c784", //滾動條滑塊背景色
      "scrollbarSlider.activeBackground": "#81c784", //滾動條滑塊在被點擊時的背景色
      "list.activeSelectionBackground": "#9acea1", //已選項在列表或樹活動時的背景顏色。
      "list.activeSelectionForeground": "#519657", //已選項在列表或樹活動時的文字顏色?;顒拥牧斜砘驑渚哂墟I盤焦點,非活動的沒有。
      "list.inactiveSelectionBackground": "#9acea1", //已選項在列表或樹非活動時的背景顏色?;顒拥牧斜砘驑渚哂墟I盤焦點,非活動的沒有。
      "list.inactiveSelectionForeground": "#519657", //已選項在列表或樹非活動時的文字顏色?;顒拥牧斜砘驑渚哂墟I盤焦點,非活動的沒有。
      "list.hoverBackground": "#9acea1", //已在列表或樹中搜索時,其中匹配內(nèi)容的高亮顏色。
      "list.highlightForeground": "#9acea1", //在列表或樹中搜索時,其中匹配內(nèi)容的高亮顏色。
      "gitDecoration.modifiedResourceForeground": "#00600f", //已修改資源的顏色。
      "dropdown.background": "#c8e6c9", //下拉列表背景色。
      "dropdown.border": "#9acea1", //下拉列表背景色。
      "titleBar.activeBackground": "#b0dab6", //窗口處于活動狀態(tài)時的標題欄背景色。請注意,該顏色當(dāng)前僅在 macOS 上受支持。
      "titleBar.activeForeground": "#519657", //窗口處于活動狀態(tài)時的標題欄前景色。請注意,該顏色當(dāng)前僅在 macOS 上受支持。
      "titleBar.inactiveBackground": "#9acea1", //窗口處于活動狀態(tài)時的標題欄文字顏色。請注意,該顏色當(dāng)前僅在 macOS 上受支持。
      "titleBar.inactiveForeground": "#519657" //窗口處于非活動狀態(tài)時的標題欄文字顏色。請注意,該顏色當(dāng)前僅在 macOS 上受支持
      },
      },

      效果如下

      單獨設(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)文章

      最新評論

      黔西县| 阳曲县| 威远县| 镇安县| 沁源县| 黄浦区| 南召县| 焦作市| 无锡市| 永康市| 炎陵县| 吉首市| 潢川县| 石门县| 民权县| 溧阳市| 海城市| 房山区| 永靖县| 万山特区| 山阴县| 灵武市| 伊宁市| 北海市| 蚌埠市| 乌拉特后旗| 平武县| 敦化市| 海原县| 古田县| 通州区| 固镇县| 拉萨市| 岳阳市| 棋牌| 建德市| 泸水县| 凤山市| 安吉县| 南平市| 怀远县|