![Screenshot des Smartphones mit Designfarbe.](https://developer.chrome.google.cn/static/blog/support-for-theme-color-in-chrome-39-for-android/image/screenshot-phone-showing-cd48500fd0af.png?authuser=6&hl=de)
Ab Version 39 von Chrome für Android unter Lollipop können Sie die Farbe der Symbolleiste mit dem Meta-Tag theme-color
festlegen. Sie müssen dann keine grauen Symbolleisten mehr verwenden. Die Syntax ist ziemlich einfach: Füge der <head>
deiner Seite ein meta
-Tag mit name="theme-color"
hinzu und lege für content
eine gültige CSS-Farbe fest.
So stellen Sie beispielsweise den Hintergrund auf Ihre Lieblingsfarbe oder HTML5Rocks Orange ein:
<meta name="theme-color" content="#db5945">
Darüber hinaus zeigt Chrome schöne, hochauflösende Favicons an, sofern sie zur Verfügung gestellt werden. Chrome für Android wählt das Symbol mit der höchsten Auflösung aus. Wir empfehlen eine PNG-Datei mit 192 × 192 px. Beispiel:
<link rel="icon" sizes="192x192" href="nice-highres.png">
Sieh dir das Design für die Farbe „theme-color“ hier auf HTML5Rocks und auf der Web Fundamentals-Website an. Weitere Möglichkeiten, wie du deine Website hervorheben kannst, findest du in der Dokumentation Zum Startbildschirm hinzufügen.