web-mode のデフォルトの色の設定が良くなく、全体的に黒っぽかったので調整しました。
多分、自分の vsc-theme の問題だとは思うんですが、どこの設定を見ているのか分からないので web-mode 用の設定を書きました。

web-mode.el の設定

テーマフレームワークを使用して、web-mode.el の色付けを設定しました。

前回の話

参考にしたサイト

Syntax Highlighting の辺りにどういうパラメータがあるのか書いているので、参照して適当に色を設定すると感じでいけます。

僕は下記のような感じでとりあえず設定しています。
もちろん VSC を意識しています。テーマフレームワークの書き方なので、そこには注意です。

vsc-theme.el

 ;; web-mode. colors.
 '(web-mode-doctype-face
   ((t (:foreground "#4A8ACA"))))
 '(web-mode-html-tag-face
   ((t (:foreground "#4A8ACA"))))
 '(web-mode-html-attr-name-face
   ((t (:foreground "#87CEEB"))))
 '(web-mode-html-attr-equal-face
   ((t (:foreground "#FFFFFF"))))
 '(web-mode-html-attr-value-face
   ((t (:foreground "#D78181"))))
 '(web-mode-comment-face
   ((t (:foreground "#587F35"))))
 '(web-mode-server-comment-face
   ((t (:foreground "#587F35"))))

 ;;; web-mode. css colors.
 '(web-mode-css-at-rule-face
   ((t (:foreground "#DFCF44"))))
 '(web-mode-comment-face
   ((t (:foreground "#587F35"))))
 '(web-mode-css-selector-face
   ((t (:foreground "#DFCF44"))))
 '(web-mode-css-pseudo-class
   ((t (:foreground "#DFCF44"))))
 '(web-mode-css-property-name-face
   ((t (:foreground "#87CEEB"))))
 '(web-mode-css-string-face
   ((t (:foreground "#D78181"))))

見た目はこんな感じ。

web-mode の見た目