資訊專欄INFORMATION COLUMN
摘要：開啟透明支持文字發(fā)光樣式，樣式請(qǐng)?jiān)讷@取。如果要不發(fā)光的，可以使用。可以保持更新通知。引入以上大神的樣式配置之后，左邊導(dǎo)航欄有部分標(biāo)題還是未透明狀態(tài)，我自己修改了配置，引入即可。如果提示已經(jīng)損壞，選擇右上角齒輪不再提示即可。
原文鏈接 jinkey.ai/post/tech/r… 轉(zhuǎn)載請(qǐng)注明出處
1 安裝自定義 JS 和 CSS 插件
2 安裝發(fā)光主題
3 添加樣式配置文件
在 VSCode 安裝目錄（自己隨便選擇一個(gè)文件夾也可以），放入以下文件。 為了方便下載，文件整理到了 Github-Jinkeycode/vscode-transparent-glow，歡迎 star。
enable-electron-vibrancy.js 開啟 electron 透明支持
vscode-vibrancy-style.css
synthwave84.css 文字發(fā)光樣式，樣式請(qǐng)?jiān)?Github 獲取。如果要不發(fā)光的，可以使用 synthwave84-noglow.css。可以 watch github.com/robb0wen/sy… 保持更新通知。
toolbar.css 引入以上大神的樣式配置之后，左邊導(dǎo)航欄有部分標(biāo)題還是未透明狀態(tài)，我自己修改了配置，引入即可。
terminal.css 使 vscode 內(nèi)置的終端透明
終端光標(biāo)顏色修改，由@manonloki 提供
.panel.integrated-terminal .xterm-cursor, .xterm-cursor-block { background: rgb(210, 0, 252) !important; }
4 修改 VSCode 配置文件
點(diǎn)擊上圖 在 setting.json 中編輯，打開后加入配置(不需要大括號(hào)，直接把 key-value 加入原有 json 即可)：
5 重加載
按下 Ctrl + Shift + P，運(yùn)行 "Reload Custom CSS and JS", 重啟 vscode 即可。如果提示VSCode 已經(jīng)損壞，選擇右上角齒輪“不再提示”即可。
部分電腦提示 reload 失敗的，請(qǐng)以管理員模式運(yùn)動(dòng) vscode
sudo code --user-data-dir="~/.vscode-root"
6 總結(jié)
成品效果如圖，不懂的可以加小助手微信 udujjb 拉你進(jìn)群詢問
以上教程是基于 MacOS 的，Linux 用戶如何開啟透明請(qǐng)參考；Windows 的electron暫不支持vibrancy模式，可以使用插件 GlassIt-VSC 設(shè)置透明。
Custom CSS and JS Loader 配置
Linux 透明窗口
Windows 只能透明 + 發(fā)光
一、安裝插件：
1.SynthWave 84
2.Custom CSS and JS
3.GlassIt-VSC
二、下載配置文件(兩個(gè)方法二選一)：
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/"這個(gè)替換成你步驟二中下載到的文件所在位置
四、使配置生效 按下 Ctrl + Shift + P，運(yùn)行 "Reload Custom CSS and JS", 重啟 vscode 即可。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/7076.html
摘要：開啟透明支持文字發(fā)光樣式，樣式請(qǐng)?jiān)讷@取。如果要不發(fā)光的，可以使用。可以保持更新通知。引入以上大神的樣式配置之后，左邊導(dǎo)航欄有部分標(biāo)題還是未透明狀態(tài)，我自己修改了配置，引入即可。如果提示已經(jīng)損壞，選擇右上角齒輪不再提示即可。 原文鏈接 jinkey.ai/post/tech/r… 轉(zhuǎn)載請(qǐng)注明出處 1 安裝自定義 JS 和 CSS 插件 2 安裝發(fā)光主題 showImg(https://us...
摘要：開啟透明支持文字發(fā)光樣式，樣式請(qǐng)?jiān)讷@取。如果要不發(fā)光的，可以使用。引入以上大神的樣式配置之后，左邊導(dǎo)航欄有部分標(biāo)題還是未透明狀態(tài)，我自己修改了配置，引入即可。如果提示已經(jīng)損壞，選擇右上角齒輪不再提示即可。 原文鏈接 https://jinkey.ai/post/tech/ru-he-pei-zhi-tou-ming-fa-guang-de-sao-qi-vscode轉(zhuǎn)載請(qǐng)注明出處 1 ...
閱讀 730·2023-04-25 19:43
閱讀 3974·2021-11-30 14:52
閱讀 3801·2021-11-30 14:52
閱讀 3865·2021-11-29 11:00
閱讀 3796·2021-11-29 11:00
閱讀 3894·2021-11-29 11:00
閱讀 3571·2021-11-29 11:00
閱讀 6154·2021-11-29 11:00
