テーマに利用していた。美しいテーマで気に入っていたが、利用者も多く機能も盛り沢山。自分にとって不要な機能のためにコードベースが巨大で気になっていた。年末にダークモード対応と体裁のカスタマイズをしようとしたら結構大変だったので、CSSをゼロから書き直すことにした。読みやすさとメンテナンス性を最優先にいい機会なのでブログの体裁をどういう方針にするか考えたとき、二つに落ち着いた。読みやすいこと自分が手入れをしていきやすいこと自前Hostingのブログを始めた頃はオシャレでイケてるサイトにしたい!!とか考えてたけど、そういう熱も最初のうち。スマートフォンでのWeb閲覧も多い今時、小さい画面上でおしゃれさを表現する余地も限られている。純粋なコンテンツ閲覧を妨げない最低限の体裁を整えつつ、これからも維持していきやすいサイトを目指すことにした。巨大なSassとサヨナラした汎用的かつカスタマイズしやすいように、かなり細かく変数定義や役割毎のファイル分割がされていた。DevToolsであれこれ試行錯誤しながらSassをいじる際、ファイル分割されていると行き来が大変。いうことでまずファイルを一つに結合してみたら500行を超えていて、この時点で既存コードをベースに整理をするのは諦めた。そもそもSass必要なのか?という話もあり、素のCSSをゼロベースで書き直した。Variablesを使うように。自分のブログくらいの規模感だとSassのネスト記法とかは全然必要なく、最終的に250行程度に収まった。GitHubフォントサイズや色のバリエーションを減らしたフォントサイズやマージンが細かく定義されていて、どこをどう弄ればいいか迷うことがあった。読みやすさの観点だとそこまで細かいバリエーションは必須ではない。フォントサイズ、マージンは以下の種類だけ用意することにした。h4以上はそもそも使わないので未定義もしていない。32px;}ダークモードに対応すると色の種類が単純に2倍近くなる。色も細かな階調を必要としないので、役割ごとの6種類のみを用意した。定義されているiOSのシステム標準色を真似た。若干コントラストが強すぎて眩しさを感じるので、後々調整するかもしれない。ここまでやって随分メンテナンスしやすいサイトになったと思う。LightDark付随して色々不要なものを削っていった結果、Lighthouseの計測結果も良くなったので満足。2019細かい部分で表示崩れが残っているので、コツコツ直しながら次はCIなどビルド環境に手を入れていきたい。horimislime/horimisli.me。