In HTML you can define a theme color like this:
<meta name="theme-color" content="#ff0000">
On mobile browsers like Android Chrome this will change the color of the adressbar. But when using dark mode, this value is simply ignored (at the time of writing). Compare the following two images for this, the first one has the (default) light mode and the second one the dark mode.
Is there any way to define a theme color for dark mode? Ideally two separate colors - one for light mode and one for dark mode?
Based on Material's Dark Theme, the dark color that we will be using for the body is #121212 and the light color for the text is #fff . And this is the result: More work needs to be done.
Note: This feature is called Dark mode on Desktop and Dark theme on mobile devices. When you browse in Dark mode or Dark theme in Chrome, your homepage, toolbar, settings, and some other pages will be dark.
At the time of writing, there is no way of changing it. There is an issue in the Chrome bug tracker for it: https://bugs.chromium.org/p/chromium/issues/detail?id=980790
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With