メルマガでダークモードに対応する

仕事で久々にHTMLメルマガを作成することになり、昔のコードを使っていたけどもだいぶ前のコードのためダークモード使用者だと文字が見れなかったり・・・。レスポンシブ、ダークモードに対応しつつ制約のあるHTMLを書くというので工数的に合うのかどうか。

今後もHTMLメルマガを作成することがあるかどうか。メルマガ系のASPでもHTMLを書かなくていいものも増えているので深く掘り下げる必要性はがあるかどうか。メーラーの独自仕様もあるのでサラッと調べた感じだと下記を対応しておけばいいんじゃないでしょうか。

:root {
  color-scheme: light dark;
  supported-color-schemes: light dark;
}

@media (prefers-color-scheme: dark) {
  /* ダークモードの時。ダークモード非対応の場合もあるので注意 */
}

なおGmailは非対応のこと。