תמיכה בצבעי עיצוב ב-Chrome 39 ל-Android

צילום מסך של טלפון שבו מוצג צבע העיצוב.

החל מגרסה 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. מומלץ גם לעיין במאמרים בנושא הוספה למסך הבית כדי לקבל עוד דרכים להבליט את האתר שלכם.