החל מגרסה 39 של Chrome ל-Android ב-Lollipop, תוכלו להשתמש במטא תג theme-color
כדי להגדיר את צבע סרגל הכלים. זה אומר שסרגלי הכלים לא יהיו יותר אפורים כמו ענן בסיאטל! התחביר פשוט למדי: מוסיפים תג meta
ל-<head>
של הדף עם name="theme-color"
, ומגדירים את content
לכל צבע CSS חוקי.
לדוגמה, כדי להגדיר את הרקע בצבע האהוב עליכם או בצבע כתום של HTML5Rocks:
<meta name="theme-color" content="#db5945">
בנוסף, אם יהיו סמלי favicon ברזולוציה גבוהה, הם יוצגו ב-Chrome. מערכת Chrome ל-Android בוחרת את הסמל ברזולוציה הגבוהה ביותר שסיפקתם, ומומלץ לספק קובץ PNG בגודל 192×192 פיקסלים. לדוגמה:
<link rel="icon" sizes="192x192" href="nice-highres.png">
תוכלו לקרוא על ה-theme-color כאן ב-HTML5Rocks וגם באתר Web Fundamentals. מומלץ גם לעיין במאמרים בנושא הוספה למסך הבית כדי לקבל דרכים נוספות להבליט את האתר שלכם.