Jen krátká poznámka, abych tu zmínil, že dnes byl přidán přizpůsobitelný tmavý režim s voličem motivu vpravo v horním menu.
Automatická implementace (prefers-color-scheme) byla nahrazena správou založenou na selektoru [data-theme="dark"], která umožňovala zobrazit tmavý motiv, pokud si jej uživatel vybral ve svém prohlížeči. Některé prohlížeče, jako například Opera, mají možnost„vynutit tmavý režim“, která vykresluje celkem slušnou tmavou verzi, ale s některými chybami, jako je převrácení obrázků, které se zobrazují v negativu, a neumožňuje žádné nastavení.
Rozhodl jsem se použít HTML a JavaScript vložený do prvků GeneratePress spolu s CSS v jednom dlouhém úryvku kódu se všemi poznámkami, abych měl kompletní přehled o tom, co jsem upravil, pro případ, že bych to někdy chtěl vylepšit nebo změnit. Navíc tak mám plnou kontrolu nad načítáním stylů a zajistím si absolutní vizuální jednotnost na celém webu.
Toto jsou hlavní vylepšení oproti verzi s automatickou převodovkou:
- Optimalizace vykreslování: Odstranění blikání a konfliktů pomocí sjednocené hierarchie stylů CSS, která zajišťuje okamžité načtení tmavého motivu.
- Vizuální jednotnost: Přesné nastavení barev a filtrů u dynamických prvků (GenerateBlocks, Query Loops, záložky a rozbalovací panely), aby se předešlo problémům se čitelností (šedé barvy na bílém pozadí).
- Kontrola dynamických prvků: Úprava režimů prolínání (
mix-blend-mode) a krytí u obrázků a nabídek, aby prvky jako ikona Polylang nebo karty na stránce dokumentů zachovaly správný kontrast za všech okolností. - Technická optimalizace: Odstranění nadbytečných selektorů a sjednocení pravidel CSS s cílem usnadnit budoucí údržbu bez dopadu na výkon nebo CLS.
Ačkoli by to šlo provést i pomocí pluginu – s logickými omezeními –, rozhodl jsem se to udělat pomocí kódu, a to nejen proto, abych se vyhnul použití pluginu, ale také proto, abych měl detailní kontrolu a mohl provádět jemné úpravy každého drobného detailu a ovlivnit tak případný dopad na rychlost načítání.
Pokud má někdo zájem o kód – který ostatně není nic extra –, stačí dát vědět a já ho sem přidám. Pokud patříte k těm, kteří rádi brouzdají po temných zákoutích webu a najdete něco, co by se dalo vylepšit, neváhejte zanechat komentář nebo kliknout na žluté tlačítko „Nahlásit chybu“, které najdete v zápatí každého příspěvku.
Rád bych také připomněl, že se zabývám optimalizací WordPressu a příležitostně také migracemi a přizpůsobením šablon GeneratePress pomocí bloků GenerateBlocks.
