iOS 13 introduces a system wide dark mode to the platform.
The prefers-color-scheme CSS media feature enables toggling of styles based on the users system preference, e.g.
@media (prefers-color-scheme: dark) {
/* styles for dark mode here */
}
@media (prefers-color-scheme: light) {
/* styles for light mode here */
}
@media (prefers-color-scheme: no-preference) {
/* default styles here */
}
Given that the current look & feel is designed to emulate native iOS controls (circa iOS 7); a user who has dark mode enable on their device should ideally see the app render in a corresponding style instead of the default white background & light colours.
iOS 13 introduces a system wide dark mode to the platform.
The
prefers-color-scheme
CSS media feature enables toggling of styles based on the users system preference, e.g.Given that the current look & feel is designed to emulate native iOS controls (circa iOS 7); a user who has dark mode enable on their device should ideally see the app render in a corresponding style instead of the default white background & light colours.