Type Pad系の無料ブログをダークモード実装
以前からやってみたいと思っていたブログのダークモードですが、やっと出来ました。
私のブログはType Pad系の無料ブログ「風邪ログ」なのですがダークモード化が出来ました。
ダークモードは簡単に言うと夜暗くなってからブログを見に来てくれる人への配慮でブログの背景色を暗くする機能です。
今回はスマートフォンのページのみダークモードにしてみました。
いかがでしょうか。
何故スマートフォン用だけなのかは以下の調査結果からです。
ダークモードで困ったのはタイトルのバナーに写真がなかなか合うのが無くて手作りしました。
どんなに綺麗な写真でもダークモードにすると色が反転して大変なことになります。
下の写真でわかるようにこんな感じです。
下の画像はライトモード(昼間用)です。
下の画像はダークモード(夜用)した物になります。
バナーの下の暦も色を変えました。
今まで背景が黒だったのでダークモードにすると白くなってしまったからです。
ダークモードはブログ記事に載せている画像の色は反転しません。
一つ残念なことは個別ページに移った時に再度ダークモードボタンをクリックしないとならないことです。(記憶させておく)
また追々やって行こうと思います。
