摘要:開啟透明支持文字發光樣式,樣式請在獲取。如果要不發光的,可以使用。可以保持更新通知。引入以上大神的樣式配置之后,左邊導航欄有部分標題還是未透明狀態,我自己修改了配置,引入即可。如果提示已經損壞,選擇右上角齒輪不再提示即可。
原文鏈接 jinkey.ai/post/tech/r… 轉載請注明出處
1 安裝自定義 JS 和 CSS 插件
2 安裝發光主題
3 添加樣式配置文件
在 VSCode 安裝目錄(自己隨便選擇一個文件夾也可以),放入以下文件。 為了方便下載,文件整理到了 Github-Jinkeycode/vscode-transparent-glow,歡迎 star。
enable-electron-vibrancy.js 開啟 electron 透明支持
vscode-vibrancy-style.css
synthwave84.css 文字發光樣式,樣式請在 Github 獲取。如果要不發光的,可以使用 synthwave84-noglow.css。可以 watch github.com/robb0wen/sy… 保持更新通知。
toolbar.css 引入以上大神的樣式配置之后,左邊導航欄有部分標題還是未透明狀態,我自己修改了配置,引入即可。
terminal.css 使 vscode 內置的終端透明
終端光標顏色修改,由@manonloki 提供
.panel.integrated-terminal .xterm-cursor, .xterm-cursor-block { background: rgb(210, 0, 252) !important; }
4 修改 VSCode 配置文件
點擊上圖 在 setting.json 中編輯,打開后加入配置(不需要大括號,直接把 key-value 加入原有 json 即可):
5 重加載
按下 Ctrl + Shift + P,運行 "Reload Custom CSS and JS", 重啟 vscode 即可。如果提示VSCode 已經損壞,選擇右上角齒輪“不再提示”即可。
部分電腦提示 reload 失敗的,請以管理員模式運動 vscode
sudo code --user-data-dir="~/.vscode-root"
6 總結
成品效果如圖,不懂的可以加小助手微信 udujjb 拉你進群詢問
以上教程是基于 MacOS 的,Linux 用戶如何開啟透明請參考;Windows 的electron暫不支持vibrancy模式,可以使用插件 GlassIt-VSC 設置透明。
Custom CSS and JS Loader 配置
Linux 透明窗口
Windows 只能透明 + 發光
一、安裝插件:
1.SynthWave "84
2.Custom CSS and JS
3.GlassIt-VSC
二、下載配置文件(兩個方法二選一):
1.git命令安裝 git clone github.com/Jinkeycode/…
2.瀏覽器訪問 codeload.github.com/Jinkeycode/…
三、修改vscode的配置文件setting.json(在setting.json文件中加入下面代碼):
"vscode_custom_css.imports":[ "file:///C:/Users/Administrator/AppData/Roaming/Code/User/vscode-transparent-glow-master/synthwave84.css", ]
"C:/Users/Administrator/AppData/Roaming/Code/User/vscode-transparent-glow-master/"這個替換成你步驟二中下載到的文件所在位置
四、使配置生效 按下 Ctrl + Shift + P,運行 "Reload Custom CSS and JS", 重啟 vscode 即可。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/6684.html
摘要:開啟透明支持文字發光樣式,樣式請在獲取。如果要不發光的,可以使用。可以保持更新通知。引入以上大神的樣式配置之后,左邊導航欄有部分標題還是未透明狀態,我自己修改了配置,引入即可。如果提示已經損壞,選擇右上角齒輪不再提示即可。 原文鏈接 jinkey.ai/post/tech/r… 轉載請注明出處 1 安裝自定義 JS 和 CSS 插件 2 安裝發光主題 showImg(https://us...
摘要:開啟透明支持文字發光樣式,樣式請在獲取。如果要不發光的,可以使用。引入以上大神的樣式配置之后,左邊導航欄有部分標題還是未透明狀態,我自己修改了配置,引入即可。如果提示已經損壞,選擇右上角齒輪不再提示即可。 原文鏈接 https://jinkey.ai/post/tech/ru-he-pei-zhi-tou-ming-fa-guang-de-sao-qi-vscode轉載請注明出處 1 ...
閱讀 1695·2021-11-24 09:39
閱讀 2469·2021-11-18 10:07
閱讀 3657·2021-08-31 09:40
閱讀 3316·2019-08-30 15:44
閱讀 2628·2019-08-30 12:50
閱讀 3649·2019-08-26 17:04
閱讀 1430·2019-08-26 13:49
閱讀 1262·2019-08-23 18:05