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