ブログのweb表示のダークモード用のテーマを適用

macOS Mojave 10.14（厳密には10.14.4以降のSafari）やiOS 13 Betaのダークテーマ用に、このブログもダークテーマ用のCSSを追加してみました。

Supporting macOS Mojave’s Dark Mode on the web — Kevin Chen （2018-10-25の記事）を参考に以下のCSSを追加しました。

 @media (prefers-color-scheme: dark) {
    /* Overrides for Dark Mode. */
    body {
        color: white;
        background: #222;
    }
}

いかがでしょうか。

SafariだけでなくてFirefox（こちらも最新の67から）でも適用されますね。

Windows 10 1803/1903のFirefoxでも適用されますね（[個人設定] => [色] => [既定のアプリモードを選択します] の [白/黒] でダークモードに設定）。

iOS 12以下には [アクセシビリティ] => [色を反転] => [反転（スマート）] がありますが、機械的に一律に明暗反転してしまうので、あまり実用的ではなさそうです。

OS、ブラウザ、それにwebサイト側の対応が必要なので、広まるにはなかなか時間がかかりそうですね。