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