<shift><p> (Windows) or <cmd><shift><p>Type "Show rendering"Set the Emulate CSS media feature prefers-color-scheme to the value you want to debug While you are here, have some CSS... @media (prefers-color-scheme: dark) { body{background:#333; color:#FFF!important} input,select,textarea{color:#FFF!important} } "/> <shift><p> (Windows) or <cmd><shift><p>Type "Show rendering"Set the Emulate CSS media feature prefers-color-scheme to the value you want to debug While you are here, have some CSS... @media (prefers-color-scheme: dark) { body{background:#333; color:#FFF!important} input,select,textarea{color:#FFF!important} } "/>

Testing dark mode for cordova and websites

  |   By  |  0 Comments

In the Google Chrome Browser

  1. Open Developer tools with right click and “Inspect”
  2. Open the Command Control: <ctrl><shift><p> (Windows) or <cmd><shift><p>
  3. Type “Show rendering”
  4. Set the Emulate CSS media feature prefers-color-scheme to the value you want to debug

While you are here, have some CSS…

@media (prefers-color-scheme: dark) {

  body{background:#333; color:#FFF!important}
	 input,select,textarea{color:#FFF!important}
}
name

ABOUT THE AUTHOR - ANDY MOYLE

Andy Moyle is a church leader and web developer. His biggest project is the Church Admin WordPress plugin and app. He also runs, mainly so he can eat pizza.