先看一下效果圖?

?

護眼主題：這里將背景色設置為C7EDCC，選中的文本顏色設置為68AB52，會操作的可以自己操作了，不會的可以往下看：

File->Settings->Editor->Colors&Fonts->General

1. 設置背景色：Text->Default text->選中Background，顏色置為C7EDCC

2. 設置選中文本背景色：Editor->Selection background->選中Background，顏色置為68AB52

?

字體這邊，可以Consolas+20+1.1

設置完畢后，選擇Apply

?

當然可以自定義。

General的設置

• 普通文本：default text
• 折疊文本: Folded text
• 光標: Caret
• 光標所在行: Caret row
• 行號: Line number
• TODO: TODO default
• 光標下變量高亮：Search result
• 搜索結果：Text search result
• 匹配的括號：Matched brace
• 不匹配的括號：Unmatched brace
• 未使用的符號：Unused symbol
• 左邊空隙(行號，斷點)：Gutter background
• 選中的文本背景色：Selection background
• 選中的文本前景色：Selection foreground

導入導出設置

File(文件)->Export Settings(導出用戶設置)。如下圖，你可以選擇要導出哪些類型的設置，也可以選擇導出到哪個目錄下。

導出后的配置以jar包的形式存在，導入也同樣簡單，File > Import Settings，選擇jar包導入成功后，重啟WebStorm就大功告成了。

總結

以上是生活随笔為你收集整理的WebStorm自定义主题/护眼主题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。