Možná jste si po updatu na Safari 15 všimli, že po příchodu na některé stránky se změní barva záhlaví okna prohlížeče a přizpůsobí se webu.

Není za tím žádná umělá inteligence (asi, kdyžtak mě opravte), jak by se mohlo zdát, ale parametr v HTML kódu, kterým prohlížeči řeknete, jakou barvu má vykreslit.

Dokonce je možné určit i která barva se vykreslí při použití světlého, a která při použití tmavého režimu. Stačí do HTML přidat <meta> kód s názvem “theme-color”.

<meta name="theme-color" 
content="#18A097" 
media="(prefers-color-scheme: light)">
<meta name="theme-color" 
content="#1b1d21" 
media="(prefers-color-scheme: dark)">

Pokud máte web na WordPressu, vlezte do sekce VzhledEditor a tam najděte Header.php.

Super je, že stejně se chová i Safari na iOS/iPadOS, takže mrkněte jak to vypadá i tam, abyste to neměli hnusný. 🙂

Stejnou fičuru už prý používal/á Chrome, ale ten nepoužívám já, tak Vám nepovím. Třeba Vivaldi ale barvu z meta tagu použije na levý boční panel, takže to nebudete dělat jen kvůli Safari.

Appláci mají novinky rádi a potrpí si na ně, tak nezůstaňte pozadu a přidejte kód i na svůj web, ať nejste 100 let za opicema. 🙂

🤖 Tenhle web je bez reklam! 🤖
💸 Nesbírám a neprodávám data návštěvníků. 💸
🕵️‍♂️ Respektuji Vaše soukromí. 🕵️‍♂️
🌎 Píšu pro dobro lidstva. 🌎

❤️ Líbí se Vám článek? ❤️

Kupte mi kafe!

PS: Všiml jsem si, že občas se mými články inspirují další lidé (D.B.D.) tak doufám, že kdyžtak uvedou zdroj. 😉

🤖 Tenhle web je bez reklam! 🤖
💸 Nesbírám a neprodávám data návštěvníků. 💸
🕵️‍♂️ Respektuji Vaše soukromí. 🕵️‍♂️
🌎 Píšu pro dobro lidstva. 🌎

❤️ Líbí se Vám článek? ❤️

Kupte mi kafe!