Farbige Statusbar und Leisten unter Android 5 durch kurzen HTML-Tag

Mittels eines kurzen HTML-Tags kann man unter Android 5 (Lollipop) in der Chrome Browser App die Adresszeile mitsamt der Statusbar in einer beliebigen Farbe einfärben. Darüber hinaus wirkt sich diese Färbung aber beispielsweise auch auf die Multitasking-Ansicht aus, in der Chrome Tabs neuerdings wie Apps als einzelne Fenster angezeigt werden. Auch dort werden die einzelnen Karten (wie Apps im neuen Material Design) in der gewählten Farbe dargestellt.

Der Meta Theme HTML-Tag

Der einzufügende Code lautet wie folgt und wird innerhalb des <head></head> Bereichs eures Quelltextes platziert. Das Attribut name=“theme-color“ dient als Indikator für diese Funktion und darf nicht verändert werden. Innerhalb des content-Attributs kann man allerdings die gewollte Farbe als Hexadezimal-Wert (Wenn man damit nichts anfangen kann, am besten eine Farbtabelle suchen)  mit beginnender Raute. In dem Beispiel wäre dies ein einfaches Rot.

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

Das ganze funktioniert seit der Beta v39 der Chrome App und eben nur unter Android 5 und höher, ist aber definitiv ein netter kleiner Zusatz für die eigene Internet Präsenz, vor allem wenn man die Darstellung dieser ebenfalls für Smartphone und Tablet Displays optimiert hat (Responsive Design) ist das ein netter Mehrwert, der schnell erzielt werden kann. Möglicherweise sieht man eine ähnliche Funktion ja bald auch unter anderen Betriebssystemen und Anwendungen.

Android Chrome Meta Theme für WordPress

Für WordPress Nutzer würde ich ein Plugin empfehlen, dass einem das Hinzufügen an der richtigen Stelle abnimmt und etwaige Umstände (ein Child-Theme wäre auf lange Sicht notwendig, da die Änderung  durch hard coding des Themes nach jedem Update von diesem verloren gehen würde) umgeht. Dort braucht man also nur in den Einstellungen den Farbwert eingeben. Simple as that.

Ich habe für meinen Blog einfach mal das „Chrome on Android Meta Theme“-Plugin genommen und was soll ich sagen, es funktioniert.

Ein Beispiel

So sieht beispielsweise mein Blog auf einem Sony Xperia Z3 unter Lollipop aus.

Jens Jakob

Autor, Fotograf, Videoproduzent... und mehr - oder weniger. Ich mache, worauf ich Lust habe. Auf lichtbahn.de schreibe ich über eben solche vielseitige Themen, was mich interessiert, was ich mache und was mich antreibt. Viel Spaß beim Lesen!

Kommentar verfassen - Was meinst du dazu?