ダークモードはじめました

中山です。

Google Chromeを主に利用しています。
先日、夕方頃にURLをコピーしようと思ってカーソルで文字をなぞって選択していると、どうも選択されている文字が見づらい。

いろいろと調べて見るとChromeがMac OSに合わせてダークモードになっていたようです。
そして、Chromeで利用していたテーマではダークモードに対応していなかったのが原因みたいでした。
（アドレス欄の文字色だけテーマで指定されててそれが優先されてた）

気に入っていたChromeのテーマを泣く泣くデフォルトに戻し解決しました。
味気ないChromeと一緒にネット社会を生き抜いていこうと思います。

夜に見やすいように
春先から取りかかって
出来に納得いくまで
何度もやりなおして　本日

9月14日　うちのサイトでもとうとう
ダークモードはじめました
試作重ねてる間
途中忘れてたけど
ダークモードはじめました
メニューに残った背景今の今まで忘れてたけど
ダークモードはじめました

NAKAYAMAでした

技術的には特に難しいことはなくて、

@media (prefers-color-scheme: dark) {
　body { ...設定...}
}

と書くのみ。
ただ、毎回書くのは面倒くさいのでsassのmixinで

@mixin dark {
  @media (prefers-color-scheme: dark) {
    @content;
  }
}

として
レスポンシブのブレイクポイントの設定と同じように処理しました。