Jak změnit barvu záhlaví okna (téma) v Safari 15

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 Vzhled–Editor 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. 🙂

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. 😉