十個優秀WebStorm 主題，你學會了嗎？

作者：CUGGZ 2022-12-28 09:02:50

Cyan Light 使用灰白色和青色色調來形成對比。排版簡潔而內斂，關鍵字、標識符、字段和變量以深色呈現，以巧妙但明顯地區分它們。該主題適用于：強光條件和敏感的眼睛。

大家好，我是 CUGGZ。

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

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

Darcula

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

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

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

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

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

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

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

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

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

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

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

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

Vuesion Theme 的配色方案基于 Vuesion 項目。它將工程和設計方面的現代最佳實踐引入 IDE，它會給IDE 一種組織良好、干凈的感覺。

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

有時候，給 IDE 添點色彩，可以提振心情。Gradianto Theme 包含自然界中發現的一系列漸變，旨在讓眼睛輕松，同時色彩鮮艷。

Gradianto 簡單又賞心悅目。它不像其他一些黑暗主題那樣刺眼，因為它使用彩色調而不是黑色調，因此既不會太亮也會不太暗。該主題適用于：所有光照條件和敏感的眼睛。

Hiberbee Theme 充分利用了 Monokai 和 macOS 的優點，并將它們組合成一個超清晰、對比鮮明的深色主題。

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

對于喜歡淺色主題但不喜歡所有相關亮白色調的人來說，青色主題是一個完美的折中方案。它偏愛淺灰色而不是白色，營造非常舒適的工作環境。

與大多數淺色主題不同，Cyan Light 使用灰白色和青色色調來形成對比。排版簡潔而內斂，關鍵字、標識符、字段和變量以深色呈現，以巧妙但明顯地區分它們。該主題適用于：強光條件和敏感的眼睛。

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

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

責任編輯：武曉燕來源：前端充電寶