![لقطة شاشة لهاتف يعرض لون التصميم](https://developer.chrome.com/static/blog/support-for-theme-color-in-chrome-39-for-android/image/screenshot-phone-showing-cd48500fd0af.png?authuser=6&hl=ar)
بدءًا من الإصدار 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 وكذلك على موقع أساسيات الويب، وتأكد من مراجعة مستندات "إضافة إلى الشاشة الرئيسية" للتعرّف على مزيد من الطرق لإبراز موقعك.