🚥 Theme Color - GoingMeta.io
logo

Get in touch..

laurens.lang@goingmeta.io
+43 670 208 6108
Die Theme Color API in Ihrer Progressive Web App bietet Ihnen die Individualisierungsmöglichkeiten nach der wir uns schon lange gesehnt haben.

🚥 Theme Color

Ab Version 39 von Chrome für Android auf Lollipop können Sie jetzt das Meta-Tag für die Themenfarbe definieren, um die Farbe der Symbolleiste festzulegen. Die Syntax ist einfach: Fügen Sie dem Ihrer Seite ein Meta-Tag mit dem Namen = “theme-color” hinzu und setzen Sie den Inhalt auf eine gültige CSS-Farbe.

So stellen Sie beispielsweise den Hintergrund auf Ihre Lieblingsfarbe ein:

<meta name="theme-color" content="3aafd6">

Darüber hinaus zeigt Chrome wunderschöne hochauflösende Favoriten an, wenn diese bereitgestellt werden. Chrome für Android wählt das Symbol mit der höchsten Auflösung aus, das Sie bereitstellen. Wir empfehlen, eine PNG-Datei mit 192 × 192 Pixel bereitzustellen. Zum Beispiel:

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

Laurens Lang

Geschäftsführer und Gründer der GoingMeta.io GmbH, Wien

No Comments

Post a Comment

Comment
Name
Email
Website