1379405 - Can not dynamically modify the theme color

Status: RESOLVED INCOMPLETE

(Firefox for Android Graveyard :: Web Apps (PWAs), defect)

Description

[709922234]

User Agent: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3150.0 Safari/537.36

Steps to reproduce:

1. open https://xianqiao.wang/test/theme-color/
2. add to home screen
3. open from home screen
4. click button modify <meta> element

* mobile firefox config: `manifest.install.enabled: true`


Actual results:

status bar color not change


Expected results:

status bar color should be changed

Comment 1

[709922234]

https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color

Comment 2

[James Willcox (:snorp) ([e-mail]) (he/him)]

The theme color for standalone apps comes form the manifest, not meta tag.

Comment 3

[709922234]

(In reply to James Willcox (:snorp) ([e-mail]) from comment #2)
> The theme color for standalone apps comes form the manifest, not meta tag.

https://w3c.github.io/manifest/#theme_color-member

> However, a document may override the default theme color through the inclusion of a valid [HTML] meta element whose name attribute is "theme-color".

Comment 4

[James Willcox (:snorp) ([e-mail]) (he/him)]

(In reply to 709922234 from comment #3)
> (In reply to James Willcox (:snorp) ([e-mail]) from comment #2)
> > The theme color for standalone apps comes form the manifest, not meta tag.
> 
> https://w3c.github.io/manifest/#theme_color-member
> 
> > However, a document may override the default theme color through the inclusion of a valid [HTML] meta element whose name attribute is "theme-color".

I stand corrected!

Comment 5

[Jan Henning [:JanH]]

In which case...

Comment 6

[Jan Henning [:JanH]]

Although this is standalone UI, so hmm - sorry for the noise.

Comment 7

[709922234]

google photos PWA for desktop used this function.

• Normally, theme color is white
• View image, theme color is black

BTW, Firefox does not support desktop PWA.

Comment 8

[709922234]

Attachment: Screen Shot 2020-06-20 at 17.07.47.png

Comment 9

[709922234]

Attachment: Screen Shot 2020-06-20 at 17.07.47.png

Examples of dynamic theme color

Comment 10

[709922234]

Attachment: Screen Shot 2020-06-20 at 17.07.21.png

Comment 11

[BMO Automation]

We have completed our launch of our new Firefox on Android. The development of the new versions use GitHub for issue tracking. If the bug report still reproduces in a current version of [Firefox on Android nightly](https://play.google.com/store/apps/details?id=org.mozilla.fenix) an issue can be reported at the [Fenix GitHub project](https://github.com/mozilla-mobile/fenix/). If you want to discuss your report please use [Mozilla's chat](https://wiki.mozilla.org/Matrix#Connect_to_Matrix) server https://chat.mozilla.org and join the [#fenix](https://chat.mozilla.org/#/room/#fenix:mozilla.org) channel.