ダークモード対応

r7kamura.comをダークモードに対応した。

変更後
変更前

普段から輝度を控えめに設定したり、寝る時間が近づいてくると照明を落とすようにしたり、いろんなアプリをダークモードで使うようにしたりと、最近はいろいろと気を遣うようになってきた。今回このウェブサイトでダークモードに対応したのも、その一環。

モードの切り替えボタンは無し。無いほうが良いと思っている。

変更にあたり、ついでに内部実装にTailwind CSSを使うものに切り替えてみた。Tailwind CSSにはそこまで思い入れは無いものの、特定の条件下で非常に役に立つものであるとは思っている。身を切って自分事として扱ってみないと辛い部分まで含めて学べないだろうということで、最近はChrome拡張の管理画面などの簡単なユースケースで少しずつ使ってみていた。今回はもう少し複雑な事例として、自分のウェブサイトに導入しながら学んでみている。