1538943 - Provide meta tag theme colour of content to browser apps for theming

Status: NEW

(GeckoView :: General, enhancement, P3)

Description

[Jonathan Almeida [:jonalmeida]]

Attachment: Screen Shot 2019-03-25 at 3.55.27 PM.png

Websites provide a theme colour in a (non-standard) meta tag. It would be nice if browser apps could leverage this feature to better customize the app's theme.

This is an example code of what a web developer would provide:

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

This can also be leveraged to make browser icons and thumbnails a more accurate depiction of what the site is from a tabs tray view.

Reference link: https://developers.google.com/web/fundamentals/design-and-ux/browser-customization/#meta_theme_color_for_chrome_and_opera

Comment 1

[Jonathan Almeida [:jonalmeida]]

From the linked docs, it looks like we may have had some support for this in FxOS?

<!-- Chrome, Firefox OS and Opera -->

Comment 2

[Chris Peterson [:cpeterson]]

Sebastian, should the extraction of a page's meta theme-color be handled by the same AC component will extract website icon resources? Or does GV need to provide a new API?

https://github.com/mozilla-mobile/android-components/issues/2080

Comment 3

[Chris Peterson [:cpeterson]]

James suggests GV add utility APIs for apps to use Gecko's style decoding/conversion functionality.

We don't need this for Fenix MVP.

Comment 4

[[ex-Mozilla] Agi Sferro | :agi]

We can provide this through an experiment addon in GeckoView.

Comment 5

[Chris Peterson [:cpeterson]]

I'm editing a bunch of GeckoView bugs. If you'd like to filter all this bugmail, search and destroy emails containing this UUID:

e88a5094-0fc0-4b7c-b7c5-aef00a11dbc9

Comment 6

[Luke Warlow]

It would be good if this could also add support for the new media attribute for this meta tag. So content could set a theme colour based on the colour scheme.

Comment 7

[raj.azharuddin]

Any update on this? The feature is present in all chrome browsers..even your own geckoview supports this custom theme..

Comment 8

[Chris Peterson [:cpeterson]]

Tasks and enhancements should have severity N/A.

Comment 9

[Jonathan Almeida [:jonalmeida]]

(In reply to Chris Peterson [:cpeterson] from comment #3)

James suggests GV add utility APIs for apps to use Gecko's style decoding/conversion functionality.

We don't need this for Fenix MVP.

We will have a GeckoView Metadata API now that we can expose this through. Adding support in Gecko, should not be too hard and getting a quick solution that queries for the theme-color as some initial support, and possibly also considering the prefers-color-scheme media query as well when providing it to the embedder.

The attribute is considered part of the standard metadata names so we should be fine with using it.

Comment 10

[raj.azharuddin]

Update after 4 years 😅
One thing I don't understand why it is diffcult for fenix to implement basic features which are already present in other browsers and also the new browsers have it right out of the box!

Another 2 things which mozilla not fixing are broken push notifications and advance media notifications