ダークモードでサイトの色が勝手に変わる問題について

最終更新日 2022年03月24日

何が起きた?

ダークモードの Android でこのブログを見ると記事部分が黒く表示される。

対策

とりあえず背景を真っ黒にして文字を白くしました。

@media (prefers-color-scheme: dark) {
  :root {
    --color-primary: #7bcaff;
    --color-text: #fff;
    --color-text-light: #fff;
    --color-heading: #fff;
    --color-heading-secondary: #fff;
    --color-accent: #d1dce5;
    --background-color: #000000;
  }
}