さんの記事に触発されて、このブログのデザインをダークモードに対応してみました。blog.jxck.ioまた、機能追加のついでに幾つかの改善やリファクタリングを行ったのでそれらをまとめておきたいと思います。以降、システム環境設定からダークモードに設定した上でこのブログを閲覧することで確認することができます。色合いが馴染んで、視覚的な刺激を受けづらくなったかなと思います。実装的には上述したブログを見ていただくのが詳しいですが、このブログでどう適用したかについて簡単にまとめます。静的に解決していました。よって定義を上書きしたい場合などには、ネイティブの実装を使用するのが賢明です。自体メジャーブラウザが全て対応していることもあり、上記プラグインは外しました。不要なものはどんどん無くしていきたいですね。いうファイルで、各種色定義をまとめています。時に、必要な部分だけ上書きすることで対応しました。}}上記コードはダークモード対応用の全コードです。リファクタリングすることで、最終的に小さな差分のみで対応を入れることができました。クリアするところまで調整を行いました。引用テキストのカラーと、とリンクカラーがクリア出来てなかった模様です。比較してみると全然見えやすさが違うなぁという印象です。ここだけは譲れないなぁと感じたため、意図的に変更を加えていません。属性を実験的に付与してみました。有効化されていないからです。有効にしないと使用できないようです。実際にフラグを有効化して、動作させてみると以下のような動作となります。ここで画像サイズを得てプレースホルダを作成するようです。スクロールを下へ進めると実際に表示に必要な全ての画像をリクエストしています。有効化されるのが楽しみです。使ってトランスパイルを挟んでいました。これも最近のメジャーブラウザなら基本的にサポートされているのでトランスパイル処理を廃止しました。してのみ使っています。カテゴリを廃止このブログでは申し訳程度にカテゴリを導入していたのですが、カテゴリを上手に運用するほど器用ではないので思い切って廃止しました。不要なものはどんどん無くしていきたいですね。パッケージ群をメンテした水平線のデザインや、リストの余白等、細かいデザイン上の微調整をした一回どこか手を付けるとあっちもこっちも気になりだして完全に沼ですね...。まとめ今回のメインはダークモードへの対応でしたが、アクセシビリティを意識してコントラストの微調整も行いました。対応したコントラストへ調整してあげるなど、デザインの制約上難しい場面への対応がより柔軟に出来るようになるなぁと楽しみになりました。ここらへんの動きが気になりなるので、ゆるく追っていきたいなぁと思います。wadackel.me。