Unterstützung von „theme-color“ in Chrome 39 für Android

Screenshot eines Smartphones mit der Designfarbe

Ab Version 39 von Chrome für Android auf Lollipop können Sie die Farbe der Symbolleiste jetzt mit dem Meta-Tag theme-color festlegen. Die graue Symbolleiste ist damit Geschichte. Die Syntax ist ziemlich einfach: Fügen Sie dem <head> Ihrer Seite ein meta-Tag mit dem name="theme-color" hinzu und legen Sie die content auf eine gültige CSS-Farbe fest.

So legen Sie beispielsweise den Hintergrund auf Ihre Lieblingsfarbe oder auf „HTML5Rocks orange“ fest:

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

Außerdem werden in Chrome schöne, hochauflösende Favicons angezeigt, sofern diese vorhanden sind. Chrome für Android wählt das Symbol mit der höchsten Auflösung aus, die Sie angeben. Wir empfehlen, eine PNG-Datei mit 192 × 192 Pixeln bereitzustellen. Beispiel:

<link rel="icon" sizes="192x192" href="nice-highres.png">

Sehen Sie sich die Designfarben hier auf HTML5Rocks und auf der Website Web Fundamentals an. Weitere Möglichkeiten, wie Sie Ihre Website hervorheben können, finden Sie in den Dokumenten zum Hinzufügen zum Startbildschirm.