Add theme-color to website meta data

When running Discord in a Chrome / Chromium 70+ app window, the browser colors the window border in the color specified in a theme-color meta attribute like

<meta name="theme-color" content="#000000">

However, when no such meta attribute is specified, Chrome/ium defaults to an ugly gray, which does not match Discord's remaining theme (dark colors).

Look how Discord stands out compared to a website specifying the above attribute (which also fits to the remaining website theme there):

Could you add such an attribute to provide a more matching window border color?

It's not possible to hack this into Discord with a userscript because the browser does not re-evaluate meta attributes, which is why I eventually suggest it being added by default :(

Installing the desktop app would not be an option here.

metanomial

29 de enero de 2020 00:30
Editado

The lack of this meta tag is currently affecting Chrome Apps (especially notable on Chromebooks), tabs in Chrome for Android, and tabs in Samsung Internet.

No theme set on Chrome for Android:

What is should look like with theme set:

At this time, the "theme-color" meta property is standardized in the HTML Living Standard, §4.2.5.1. Timeline for future browser adoption is uncertain.

Additionally, Safari for iOS supports theme colors under this unstandardized meta tag:

<meta name="apple-mobile-web-app-status-bar-style" content="css-color">

And Internet Explorer for Windows phones supports theme colors under this unstandardized meta tag:

<meta name="msapplication-navbutton-color" content="css-color">

Comentarios