Splync 1.13: Vylepšená viditelnost v tmavém režimu

Jak možná víte, můžete na svém iPhonu měnit vzhled mezi světlým a tmavým režimem. Pokud nevíte, jak na to, postupujte takto: otevřete Nastavení iPhonu, sjeďte dolů a klepněte na Displej a jas. Uvidíte dva náhledy nazvané Světlý a Tmavý. Klepněte na ten, který preferujete, a použijte ho. Díky tomu si můžete obrazovku přizpůsobit pro lepší viditelnost a pohodlí v závislosti na prostředí. Světlý režim existuje od prvního iPhonu. Apple oficiálně představil tmavý režim pro iPhone a iPad s iOS 13 / iPadOS 13 v září 2019. Tato funkce potěšila mnoho uživatelů iPhonu přizpůsobeným vzhledem uživatelského rozhraní. Někteří lidé preferují světlý režim, zatímco jiní jsou oddáni tmavému režimu. Můžete si také zvolit Automaticky, což přepíná mezi režimy podle denní doby.

Aplikace může vypadat perfektně ve světlém režimu, ale zcela jinak v tmavém režimu. V některých případech může tmavý režim neúmyslně narušit původní záměry designu vývojáře, ovlivňující barvy, kontrast a celkovou estetiku. To znamená, že vývojáři musí pečlivě navrhnout a otestovat své rozhraní v obou režimech, aby zajistili konzistentní a příjemný zážitek pro všechny uživatele. Jedním z možných řešení je připravit oddělené zobrazení a obrazové prvky pro světlý a tmavý režim. Tento přístup se však rychle stává nadbytečným a těžko udržovatelným, zejména jak aplikace roste a přidávají se nové prvky UI. Z tohoto důvodu většina vývojářů tuto metodu opouští a spoléhá se na škálovatelnější řešení, která se automaticky přizpůsobí oběma režimům vzhledu.

Naštěstí Apple představil systémově definované barvy, které se automaticky přizpůsobují světlému i tmavému režimu. Použitím těchto vestavěných barev mohou vývojáři zajistit, že jejich prvky UI se plynule přizpůsobí nastavení vzhledu uživatele. Tím odpadá potřeba ručně řídit oddělené návrhy a pomáhá udržovat vizuální konzistenci v obou režimech. Například barvy jako label, systemBackground a secondarySystemBackground se dynamicky mění podle aktuálního vzhledu, což umožňuje aplikacím zůstat čitelné a vizuálně vyvážené v jakémkoli prostředí. Proto se při přepnutí ze světlého režimu na tmavý režim změní výchozí barva textu z černé na bílou. Pokud však aplikace pevně zakóduje svou barvu textu na černou, text zůstane černý i v tmavém režimu, což jej činí téměř neviditelným na tmavém pozadí. Aby se tomu zabránilo, vývojáři spoléhají na systémové barvy, čímž zajišťují, že text a prvky UI se automaticky přizpůsobí vhodné barvě pro každý režim.

Splync zpočátku nebyl příliš přátelský k uživatelům tmavého režimu. Když jeden uživatel nahlásil, že ikony kategorií jsou v tmavém režimu špatně viditelné, nemohl jsem to hned řešit. V té době jsem se soustředil na vylepšení klíčových funkcí aplikace, takže jsem tuto vizuální záležitost neupřednostnil. Pak přišel nový rok 2026 a já se na to konečně podíval blíž. Co jsem objevil, bylo jednoduché, ale důležité: samotné obrázky ikon byly čistě černé. Technicky byly pevně nastaveny na barvu #000000. To znamená, že zůstaly černé bez ohledu na to, jaký režim telefon používal. Takže v tmavém režimu černé ikony seděly na tmavém pozadí jako kamufláž. Kromě toho jsem ve svém kódu také použil pevnou bílou barvu, aby změkčila pozadí ikon. To fungovalo dobře ve světlém režimu, ale v tmavém režimu to vytvářelo nepříjemný kontrast a nepůsobilo přirozeně.

Takže tady je, co jsem změnil. Namísto vynucování barev můj přepracovaný kód říká aplikaci, aby nechala systém automaticky určit barvu ikon; černá ve světlém režimu a bílá v tmavém režimu. Dále kód říká aplikaci, aby použila vlastní barvu každé kategorie jako jemný odstín pozadí, přidala jemný okraj se stejnou barvou kategorie a udržela vše čisté a čitelné v obou režimech. Jednoduše řečeno, přestal jsem vynucovat barvy a nechal iPhone, aby je inteligentně spravoval. Díky tomuto vylepšení se ikony kategorií nyní přirozeně přizpůsobují světlému a tmavému režimu, což je činí jasně viditelnými a vizuálně konzistentními v jakémkoli prostředí. Tato oprava nezabrala mnoho času, ale rozhodl jsem se vydat aktualizaci ihned, aby dlouho očekávané problémy pro uživatele tmavého režimu mohly být vyřešeny co nejrychleji.

Neexistuje žádná jediná „dokonalá“ estetika. Každý má jiný smysl pro design. Dokonce i stejný člověk se může cítit jinak v závislosti na dni — nebo dokonce na denní době. Co vypadá skvěle ráno, může být večer rušivé. Proto se musí vývojáři zaměřit na přizpůsobení, přičemž stále vyrovnávají jednoduchost a intuitivní použitelnost. Dobrý design není o vnucování jednoho stylu. Je to o tom, že uživatelé si mohou vybrat, co jim vyhovuje — to je to, čemu věřím.