Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Theme Color for Dark Mode in Android Chrome

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?

like image 347
jor Avatar asked Aug 13 '19 12:08

jor


People also ask

What color does Google use 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.

Is there a Dark theme for Chrome?

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.


1 Answers

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

like image 136
Eckhart Wörner Avatar answered Sep 22 '22 13:09

Eckhart Wörner