大家好，我是 CUGGZ。

WebStorm 是一個(gè)可定制的 IDE，我們可以按照喜歡的方式配置它，可以通過更改主題來改變 IDE 的外觀。下面來分享 WebStorm 團(tuán)隊(duì)成員最喜歡使用的主題！

文中提到的所有主題都是開箱即用的，可以直接從 IDE 中免費(fèi)安裝：

• 在插件（Plugins）中找到需要的主題插件，安裝并重啟 IDE 即可。
• 可以在偏好設(shè)置-外觀與行為-主題中切換已經(jīng)安裝的主題：

Darcula

Darcula 預(yù)裝在 WebStorm 中，因此無需安裝任何額外的主題插件：

Darcula 中的深色發(fā)出的光較少。這更利于長時(shí)間觀看，并有助于防止眼睛疲勞。該主題適用于：弱光環(huán)境和敏感的眼睛。

IntelliJ Light

IntelliJ Light 是 WebStorm 預(yù)裝的另一個(gè)主題。它與深色主題截然相反，提供更明亮的 IDE 界面。如果在非常明亮的條件下工作或與僅提供淺色模式的其他應(yīng)用一起工作，使用淺色主題會(huì)很有幫助。

這是很多人喜歡的簡單、經(jīng)典的外觀。該主題適用于：明亮的環(huán)境和帶有許多其他淺色主題應(yīng)用的桌面。

Dark Purple Theme

Dark Purple 是 WebStorm 中另一個(gè)深色主題。它為 Darcula 提供了一個(gè)更暗的對(duì)比界面，并用各種紅色和紫色代替了藍(lán)色和橙色。

與 Darcula 相比，更強(qiáng)的對(duì)比度尤其受到有視覺障礙的用戶的喜愛。這個(gè)主題是許多 WebStorm 團(tuán)隊(duì)成員的最愛。該主題適用于：弱光環(huán)境和正在尋找更高對(duì)比度顏色的用戶。

One Dark Theme

One Dark Theme 是另一個(gè)專為編碼而設(shè)計(jì)的深色主題。它不如其他一些深色主題明亮，這可以使眼睛更舒適。

對(duì)于一些人來說，深色色調(diào)和對(duì)比度較低的亮色更容易長時(shí)間觀看。該主題適用于：弱光條件以及緩解眼睛疲勞。

Visual Studio Code Dark Plus Theme

Visual Studio Code Dark Plus Theme 基于 Visual Studio Code 的默認(rèn)外觀。如果習(xí)慣了 Visual Studio Code 的外觀并想在 WebStorm 中使用它，這個(gè)主題提供了類似的效果。

這個(gè)主題接近于 VS Code 的深色主題。更深的黑暗意味著 UI 文本和編輯器窗口之間有進(jìn)一步的對(duì)比。配色方案包含比默認(rèn) Darcula 主題中的柔和顏色更深的顏色。該主題適用于弱光條件以及習(xí)慣于使用 VS Code 的用戶。

Monokai Pro Theme

Monokai Pro Theme 是對(duì) Sublime Text 編輯器方案的改進(jìn)。它基于 Monokai Pro，旨在幫助用戶集中注意力。它使用專門選擇的顏色陰影來提供不會(huì)分散注意力的用戶界面。該主題包含六種不同的暗黑方案變體。

Monokai Pro 主題經(jīng)過了深思熟慮，使用合理的顏色編碼文本元素，使瀏覽代碼變得容易。由于主題包中有不同的變體，因此很容易找到喜歡的那個(gè)。該主題適用于：弱光條件以及需要審查大量代碼的場景。

Vuesion Theme

Vuesion Theme 的配色方案基于 Vuesion 項(xiàng)目。它將工程和設(shè)計(jì)方面的現(xiàn)代最佳實(shí)踐引入 IDE，它會(huì)給IDE 一種組織良好、干凈的感覺。

編輯器中的高亮對(duì)比很好，整個(gè)感覺干凈、明快和綠色。該主題適用于：低光照條件和長期在 IDE 中工作的場景。

Gradianto Theme

有時(shí)候，給 IDE 添點(diǎn)色彩，可以提振心情。Gradianto Theme 包含自然界中發(fā)現(xiàn)的一系列漸變，旨在讓眼睛輕松，同時(shí)色彩鮮艷。

Gradianto 簡單又賞心悅目。它不像其他一些黑暗主題那樣刺眼，因?yàn)樗褂貌噬{(diào)而不是黑色調(diào)，因此既不會(huì)太亮也會(huì)不太暗。該主題適用于：所有光照條件和敏感的眼睛。

Hiberbee Theme

Hiberbee Theme 充分利用了 Monokai 和 macOS 的優(yōu)點(diǎn)，并將它們組合成一個(gè)超清晰、對(duì)比鮮明的深色主題。

通常，深色主題使用非常明亮的霓虹色來確保文本之間有良好的對(duì)比。Hiberbee Theme 使用明亮的顏色，對(duì)比鮮明，但沒有霓虹燈般的色調(diào)。配色方案也很直觀，某些標(biāo)簽、類或部分代碼以互補(bǔ)色突出顯示。該主題適用于：弱光條件和尋找高對(duì)比度非霓虹色的用戶。

Cyan Light Theme

對(duì)于喜歡淺色主題但不喜歡所有相關(guān)亮白色調(diào)的人來說，青色主題是一個(gè)完美的折中方案。它偏愛淺灰色而不是白色，營造非常舒適的工作環(huán)境。

與大多數(shù)淺色主題不同，Cyan Light 使用灰白色和青色色調(diào)來形成對(duì)比。排版簡潔而內(nèi)斂，關(guān)鍵字、標(biāo)識(shí)符、字段和變量以深色呈現(xiàn)，以巧妙但明顯地區(qū)分它們。該主題適用于：強(qiáng)光條件和敏感的眼睛。

今天的分享就到這里，希望能啟發(fā)你找到合適的主題，使 IDE 變得更好。如果有更喜歡的主題，歡迎在評(píng)論中分享！

參考文章：https://blog.jetbrains.com/webstorm/2022/12/best-webstorm-themes/