بالای صفحه دیجیکالا رو دیدی؟ رنگ قسمت آدرس بار و تم مرورگرش رو تغییر داده.
چطور این کار رو کرده؟ خیلی ساده ست. متا تگ theme-color رو استفاده کرده.
این متا تگ به طور کلی برای تغییر تم مرورگر و رنگ قسمت آدرس بار استفاده میشه. البته چند تا نکته داره.
اولیش اینکه در مرورگرهای نسخه موبایل پشتیبانی میشه و در نسخه دسکتاپ به ندرت ازش پشتیبانی میشه. بنابراین اگر PWA میسازی، دونستنش عالیه.
دومین نکته اینکه از رنگ های hsl و rgb هم میشه استفاده کرد. اما از تنظیم آلفای رنگ های hsla و rgba هنوز به درستی پشتیبانی نمیشه و بیشتر مرورگرها مقدار آلفا رو یک در نظر میگیرند.
سومین نکته اینکه بعضی از مرورگرها از رنگ های lab، lch و hwb پشتیبانی میکنند، ولی فعلا برای این متا از این مدل رنگ ها پشتیبانی نمیشه.
چهارمین نکته اینکه از کی ورد currentColor پیشتیبانی نمیشه و شاید در آینده این اتفاق بیفته.
پنجمین نکته اینکه میتونید این فیچر رو به همراه مدیا استفاده کنید تا در حالت های dark mode و light mode، تنظیمات مختلفی اعمال کنید. اینطوری:
:)
