theme-color customization

Open bui opened this issue 10 years ago • 0 comments

http://www.androidpolice.com/2014/11/10/chrome-v39-on-lollipop-supports-custom-multitasking-headerstatus-bar-colors-with-a-simple-html-tag/

The process is super-simple. All you need to do is add a tag to your page's <head> with name="theme-color" set to any CSS color you like. For example, to set the header color to a nice relaxing indigo (as above on AP), you'd do <meta name="theme-color" content="#3F51B5">.

There's also support for high-resolution favicons in Chrome v39, which will look nifty in the new app switcher.

This is only relevant on Lollipop, as earlier versions didn't have the same support for color usage. You also need to have tabs merged with apps in the Chrome settings menu. That makes each tab its own card, thus taking advantage of the individual colors on each page. Hopefully web devs start supporting this—it's neat. My only concern is that some sites might be a little obnoxious by turning your status bar some awful color.

it'd be cool if board owners could set their own color

--- Want to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/7928312-theme-color-customization?utm_campaign=plugin&utm_content=tracker%2F6417251&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F6417251&utm_medium=issues&utm_source=github).

Jan 21 '15 13:01 bui