Chrome DevToolsの設定などで「prefers-color-scheme: dark」が機能するか確認する方法はまだないみたい

https://gyazo.com/a5526f736664747de91fdce7e7b61f08

やりたいこと

CSSのprefers-color-scheme: darkが適切に機能しているか調べるためにChrome DevToolsを使ってできないかなって思っていたけど、その機能はまだ提供されていないみたい。PCの設定を変えずにブラウザだけで@mediaをいじりたかった。

Thomas Steinerさん（Googleのエンジニアさん）に教えてもらった。

詳細

こちらのツイートを参考にしている:

以下のChromiumにissueがあるみたい。

WebKit（おそらくSafari）にはこの機能があるみたいなので、Google Chromeでサポートされるまではこれを使うと良いみたい。詳しくは以下。

hr.icon

追記: 2019/11/21

公式のツイートによると、⌘ + Pの「Rendering Emulate CSS prefers-color-scheme: dark」ができる様子。

少なくともmacOSのVersion 78.0.3904.108 (Official Build) (64-bit)だとまだこの機能が使えない。

https://gyazo.com/a48d3afebdf291006481f40bd77dd8a9