New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 801474 link

Starred by 1 user

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Android
Pri: 2
Type: Feature



Sign in to add a comment

Feature request: separate meta theme-color option for statusbar

Reported by chem...@gmail.com, Jan 12 2018

Issue description

Steps 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:
 
Components: UI
Labels: -Type-Bug Needs-triage-Mobile Triaged-Mobile Type-Feature

Comment 2 by chem...@gmail.com, 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?

Comment 3 by chem...@gmail.com, 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.
Cc: mdjones@chromium.org twelling...@chromium.org
Components: -UI UI>Browser>Themes
Owner: hannahs@chromium.org
Status: Assigned (was: Unconfirmed)
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.

Comment 5 by chem...@gmail.com, Jan 24 2018

Great to hear that!
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?
Any news on this??
Cc: lzbylut@chromium.org amaralp@chromium.org
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?

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?
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).
unnamed.png
65.5 KB View Download
PS: I'm on Chrome 71 stable, Android 9 Pie, Pixel 2016
Cc: hannahs@chromium.org
Owner: mdjones@chromium.org
Hm, ok turns out I am able to repro, I'll try to take a look this week.
Great, thanks :)
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