こんばんは、たねやつです。 以前、ブログのテーマを変更したときによりちゃんとしたダークモードを搭載した という話をしましたが、今日はそれについてもう少し詳しく & ソース付きで解説してみようと思います。 基本思想 制限 ソース 解説 changeBgColor setAttributeStyle setAttributeStyleAll 例外 removeAttributeStyle 最初から背景色を暗くする 最後に 基本思想 基本的には、背景色変更のボタンを押したときに、JavaScriptで各要素にstyle属性を追加し、主に文字色と背景色を変更します。 style属性で指定した値は、!importantで指定されている値の次に優先的に適用されるのでほとんどの場合に設定値を上書きできます。 背景色を元に戻す時には逆にstyle属性を取り除きます。 制限 ここで紹介しているソースは、Ha
![はてなブログにボタン一つでダークモードを実装する - たねやつの木](https://cdn-ak-scissors.b.st-hatena.com/image/square/33d94bfa456f3d62a6754eb70206c35ff67a30ed/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fi%2Fibuquicallig%2F20181010%2F20181010235744.png)