Feature request: separate meta theme-color option for statusbar
Reported by
chem...@gmail.com,
Jan 12 2018
|
||||
Issue descriptionSteps to reproduce the problem: 1. Add a <meta name="theme-color" content="#009688" /> tag to the <head> section of a page 2. Open the page in Chrome for Android What is the expected behavior? I'd like to be able to change the color of the statusbar separately from the "regular" theme color so I can have the statusbar and the appbar/chrome have the same color (instead of having the statusbar always be a darker shade of the theme color) What went wrong? There is currently no way to control the color of the statusbar separately. Did this work before? N/A Does this work in other browsers? N/A Chrome version: 63.0.3239.111 Channel: stable OS Version: 8.1 Flash Version:
,
Jan 23 2018
Now that I think of it.. maybe it would be nice to also have the ability to control the navigation bar color? And on the subject of statusbar: Chrome doesn't allow a light statusbar color (with dark icons)? It seems as if it maxes out on a certain brightness value and keeps the icons white?
,
Jan 24 2018
Update: Now that I had a look at the white navigation bar in Chrome 64 (stable) I feel like we definitely need to be able to theme the navigation bar. It looks absolutely horrible and distracts from the actual content - especially when displaying a site that uses a dark theme.
,
Jan 24 2018
hannahs@ is looking at updating our theme color treatment for status bar color M+, where we have the ability to set status bar icons to grey. This would allow us to match the toolbar color rather than tinting the status bar darker. We're still in early stages of UX planning and need to seek approvals before passing work to eng.
,
Jan 24 2018
Great to hear that!
,
Sep 25
Hi there, I've noticed that the not-darkened statusbar theme color has rolled out in Chrome 69. But.. it doesn't work for PWA in standalone mode. Any chance this is an oversight?
,
Jan 14
Any news on this??
,
Jan 14
We match the status bar color to the toolbar color on newer versions of Android where setting dark status bar icons is supported. As such, I don't think we need to support a new meta-data tag. PWA's not behaving as expected does sound like it might be a bug. +Pedro since he's been working on some theme color stuff lately. Matt/Pedro, any thoughts on this?
,
Jan 14
The custom status bar color seems to work correctly for PWAs in the cases I've tried (on ToT and Beta 72). Is there a specific example you have that doesn't work?
,
Jan 14
One example would be https://icerrr2.rejh.nl I set the background color and meta-theme attribute bases on the color of the station/album artwork. The status bar is consistently darker than the color I set. See screenshot (I use a gradient from a dark variant of the color to the actual color but the status bar is still darker than both variants).
,
Jan 14
PS: I'm on Chrome 71 stable, Android 9 Pie, Pixel 2016
,
Jan 14
Hm, ok turns out I am able to repro, I'll try to take a look this week.
,
Jan 14
Great, thanks :)
,
Jan 15
On the topic of a separate status bar meta tag: I think there are still use cases for having the ability to set status bar, app bar and maybe even navigation bar separately. Removing the 'darkening' of the theme color for the status bar helps a lot (because we can then set the exact color instead of some interpretation) but it doesn't negate the other use cases..? |
||||
►
Sign in to add a comment |
||||
Comment 1 by pnangunoori@chromium.org
, Jan 12 2018Labels: -Type-Bug Needs-triage-Mobile Triaged-Mobile Type-Feature