Dark Mode

May 4, 2022 #hugo #blog

Dark modeに切り替えるのは意外と難しくて、他のサイトからコードを引っ張ってきた。

1. Atanas Yonkov
2. CSSファイルを動的に差し替えてスタイルを変更する (JavaScript プログラミング)

基本的に上の二つです。 1は、body classの名前を変更してcssを変更するスタイルだったのですが、上手く行かないのでstylesheetを分けました。
ただ、boostrapが邪魔をしてbootstrapでresponsive layout処理をしているheader部分は、まだ課題があります。 bootstrapは便利だけどcustomiseするとなると意外と面倒くさい。