今天來安裝一個騷氣的 VS Code 主題

程式設計師吳師兄發表於2019-05-13

最近一直在 VSCode 上刷 LeetCode 題目,寫久了感覺介面有點沉悶,決定找一個酷炫的主題來醒目一下。

結果在 GitHub 上找到一個令人血脈膨脹的 VSCode 主題,GitHubDaily 還著重推薦過,微博上的留言紛紛表示這也太騷氣了。

來源於 GitHubDaily 微博評論

這個主題是怎麼樣一個騷包的主題呢,請看!

今天來安裝一個騷氣的 VS Code 主題

作者設計這套配色方案的靈感來源於——復古( 80 年代)藝術作品(如 FM-84,Timecop 1983 和 The Midnight),通過 css 實現,有發光版和不發光版。

如果你覺得喜歡,可以按照下面的步驟進行安裝。

安裝 SynthWave '84

1.在 VSCode 擴充套件商店中搜尋“ SynthWave '84 ”,點選安裝

今天來安裝一個騷氣的 VS Code 主題

2.點選“Code”-->“首選項”-->“顏色主題”-->“SynthWave '84”

今天來安裝一個騷氣的 VS Code 主題

安裝配置

在 VSCode 擴充套件商店中搜尋“Custom CSS and JS Loader”,這個外掛用於載入自定義的 CSS 或 JS 檔案,點選安裝

今天來安裝一個騷氣的 VS Code 主題

在 GitHub(github.com/robb0wen/sy…)下載 synthwave84.csssynthwave84-noglow.css 檔案。

開啟“Code”-->“首選項”-->“設定”-->“settings.json”

//檔案路徑改為 synthwave84.css 檔案所在路徑
{
  "vscode_custom_css.imports": [
    "file:///Users/{your username}/synthwave84.css"
    ]
}
複製程式碼

今天來安裝一個騷氣的 VS Code 主題

開啟命令皮膚( Ctrl + Shift + P 或 Shift + ⌘ + P),找到 “Enable Custom CSS and JS” ,啟用Custom CSS and JS Loader外掛,重啟 VSCode,完成安裝。

這就完成了霓虹燈主題的安裝,感興趣的小夥伴可以按步驟安裝去體驗一下。

End

如果你覺得這篇內容對你挺有啟發,那麼你可以:

1、點贊,讓更多的人也能看到這篇內容(收藏不點贊,都是耍流氓 -_-)

2、關注我,讓我們成為長期關係。

3、關注公眾號「五分鐘學演算法」,裡面已有 150 多篇與演算法有關原創文章。

相關文章