Webサイトをダークモードに

スマホのダークモードに合わせて、WebサイトもダークモードにするCSSを見つけた。

対応方法

prefers-color-schemeというメディアクエリを使用し、適用したい属性を書くだけ。

@media (prefers-color-scheme: dark){
  body{
    background-color: black;
    color: white;
  }
}

対応ブラウザ

不明。。。

動作確認もしてません╮(´･ᴗ･` )╭