Dotekomanie.cz

Chrome nabídne podporu tmavého režimu na webových stránkách

chrome

Zdroj: Google

Pokud se zajímáte o aplikace a operační systémy, tak jste si zajisté všimli, že společnosti čím dál více pracují na tmavých režimech svých produktů. V poslední době si všímáme, že Google nejvíce pracuje na webovém prohlížeči Chrome, který začíná pomalinku dostávat tzv. „dark mode“. Nyní se ale dočkáme rozšíření podpory i na webové stránky.

Tmavé webové stránky

Vývojáři prohlížeče Chrome si již pohrávají s možností vynucení tmavého režimu u webových stránek, ale ve své podstatě jde o invertování barev. Sice se jedná o univerzální řešení, ale mnohdy se „rozbije“ design daného webu, nebo jen nevypadá lákavě. Zde bude potřeba ještě hodně práce a zřejmě zapojení pokročilých algoritmů, nebo dokonce umělé inteligence. Nyní se ale možná blýská na lepší časy.

Do této chvíle mohli webové stránky nabízet manuální přepínač, který změní vzhled webu do tmavých barev. Případně by se dalo použít komplikovanější řešení, kdy na základě polohy a času by došlo k přepnutí vzhledu. Naštěstí vývojáři v Googlu začali pracovat na novince, která by vybrala správný vzhled na základě nastavení systému, tedy světlý vzhled webu nebo tmavý.

V podstatě vývojáři webů budou muset implementovat tmavý styl stránek pomocí media query „prefers-color-scheme“. Jsou zde například dvě možná nastavení – dark a light. Pokud webová stránka bude mít tuto implementaci, webový prohlížeč si jednoduše vybere, který styl použije. Rozhodující bude buď nastavení prohlížeče nebo systému.

@media (prefers-color-scheme: light)
@media (prefers-color-scheme: dark)

V tuto chvíli teprve započal vývoj v případě Chromu, takže bude nějakou dobu trvat, než bude k dispozici nová funkce pro webové stránky, aspoň v případě Chromu. Již nyní existují prohlížeče s touto podporou. Například se jedná o Safari 12.1 pro macOS Mojave nebo nadcházející Firefox 67. Jakmile dojde k implementaci u Chromu, bude funkce dostupná na všech platformách. Pak už bude záležet jen na tvůrcích webových stránek, jestli novinku implementují nebo ne.

Zdroj: androidpolice.com

Exit mobile version