webサイトをダークモードに対応させる

結論

CSSにコードを記述する　…　だけ

@media(prefers-color-scheme: dark) {
   body {
      background-: #000;
      color: #fefefe;
   }
}

こんな感じでしょうか？

darkmode.scss　を読み込むことになると思います。

私は、background-color は、変数にしているので、

background-: $bgColor;

でしょうか。

なぜダークモードが必要か？

• かっこいいから？
• そっちが好きな人もいると思う。
• 一定の環境下では目に優しい

イメージを持たないただのブログなら、必要だと思う。

企業カラーもあるので、必ず必要とは思わないが、必要性を感じるのであれば、追加していいのかな？

要件はなんなんだろうか？

— kokomade —

余談

これは必要？　→ 今の所必要ない　と思う

head meta

<meta name="color-scheme" content="dark">