![צילום מסך של טלפון שבו מוצג צבע העיצוב.](https://developer.chrome.com/static/blog/support-for-theme-color-in-chrome-39-for-android/image/screenshot-phone-showing-cd48500fd0af.png?authuser=9&hl=he)
החל מגרסה 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 במסך הבית כדי לגלות עוד דרכים להבליט את האתר.