تتيح لك اضافة adaptive tab bar color تغير سمة متصفح Firefox حسب ألوان الصفحة التي تتصفحها تماما مثل الطريقة التي يعمل بها متصفح Safari على نظام macOS مما يحسن من التجربة البصرية للتصفح بالتكامل مع ألوان المواقع الآساسية التي اختارها المصمم.
{getToc} $title={جدول المحتويات}
ماهي السمات التكيفية؟
ببساطة هي أن يأخذ المتصفح نفس لون الصفحة فمثلاً إذا كانت خلفية موقع الويب صفراء سيكون شريط العنوان و التبويبات صفراء، و عندما تفتح موقع آخر تكون خلفية الموقع حمراء ستكون سمة المتصفح حمراء ايضًا.
كيف يدعم الموقع السمات التكيفية؟
كانت ابل أول من ابتكرت السمات التكيفية مع نسخة سفاري ١٥، حيث مكنت مصممي المواقع من اضافة علامة theme-color الوصفية لصفحات الموقع لتكيف لون التبويبات حسب اللون المراد، على سبيل المثال يمكن لأصحاب المواقع اضافة العلامة الوصفية
{codeBox} <meta name="theme-color" content="#ecd96f">
لتغير سمة متصفح سفاري للون الأصفر، من المنطقي توحيد اللون مع ألوان الموقع الأساسية.
تغير سمة المتصفح حسب مظهر الجهاز (فاتح/داكن)
<meta
name="theme-color"
content="#ecd96f"
media="(prefers-color-scheme: light)">
<meta
name="theme-color"
content="#0b3e05"
media="(prefers-color-scheme: dark)">{codeBox}
لماذا adaptive tab bar color؟
على الرغم من تضمين apple السمات التكيفية مع سفاري إلا آنها تحتاج لإعداد من مصممي المواقع لتعمل بصورة جيدة، ويلزم أن تتصفح الموقع من خلال سفاري لتعمل معك بشكل جيد، بينما اضافة adaptive tab bar color تقدم لك ذلك مع أي موقع حتى ولو لم يضيف علامات وصفية مخصصة بناء على ألوان الصفحة الأساسية و يقدم لك ميزة السمات التكيفية مع فايرفوكس، لا حاجة لاختيار سمة و أشكال لتخصيص ألوان Firefox، ستقوم الاضافة باختيار المناسب وفق لما تتصفحه، يمكنك تحميل الاضافة من خلال موقع امتدادات فيرفكس أو أي امتداد آخر لتخصيص المتصفح حسب ذوقك الخاص و ما يخدمك.