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

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

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