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. 😉
Mohlo by vás zajímat:
Pomohl Vám článek?