Vzhled aplikace

MůjVýkaz nabízí tři režimy vzhledu — Světlý, Tmavý a Podle systému. Volba je osobní, uloží se ve vašem prohlížeči a nepropisuje se ostatním členům týmu.

Tři režimy

Režim	Co dělá
Světlý ☀	Vždy zobrazí světlý vzhled bez ohledu na nastavení vašeho zařízení.
Tmavý ☾	Vždy zobrazí tmavý vzhled. Šetří baterii na OLED displejích a méně namáhá oči večer.
Podle systému ◐	Sleduje aktuální nastavení vašeho operačního systému. Pokud máte na macOS / Windows zapnutý automatický noční režim, MůjVýkaz se přepne s ním.

Výchozí volba je Podle systému — přizpůsobí se tomu, jak máte zařízení nastavené.

Jak vzhled změnit

Tři způsoby, kterým si vyberete:

1. Avatar v horní liště

Klikněte na avatar v pravém horním rohu → v menu uvidíte tři přepínací tlačítka ☀ / ☾ / Auto (segmented control). Stačí kliknout na požadovaný režim — změna proběhne okamžitě bez restartu.

Stejné menu obsahuje i přepínač jazyka (🇨🇿 / 🇬🇧 / 🇸🇰) a u multi-org uživatelů na mobilu i seznam organizací.

2. Command Palette (⌘K / Ctrl+K)

Otevřete Command Palette zkratkou ⌘K (macOS) nebo Ctrl+K (Windows/Linux) a napište "vzhled", "tmavý" nebo "podle systému" — uvidíte 3 samostatné akce, kterým můžete režim přepnout přímo z klávesnice.

3. Admin sidebar (jen platform admins)

Na stránkách /admin/* v sidebar najdete malé tlačítko, které cyklicky přepíná Podle systému → Světlý → Tmavý → Podle systému.

Co se ukládá

• Vaše volba se ukládá lokálně do prohlížeče (localStorage mujvykaz-theme). Příští návštěva vás přivítá ve stejném režimu.
• Auto-tracking systému: pokud zvolíte Podle systému, MůjVýkaz aktivně sleduje změny vašeho OS theme. Když vám macOS / Windows přepne na večerní tmavý mód, aplikace se přepne s nimi i kdybyste ji měli otevřenou v záložce.

Multi-device sync není

Volba vzhledu se ukládá lokálně, ne na server. Pokud používáte MůjVýkaz na více zařízeních (laptop, mobil, druhý prohlížeč), nastavte si vzhled na každém zvlášť. To je záměr — abyste si mohli mít na velkém monitoru světlý a na mobilu večer tmavý vzhled bez kompromisu.

Mobil — segmented control v menu

Na mobilu (telefonech / tabletech) je volba vzhledu přímo v hlavním menu jako řádek s třemi přepínacími tlačítky. Nemusíte rozklikávat submenu.

Stejný pattern používá i přepínač jazyka — 3 vlajky vedle sebe (🇨🇿 / 🇬🇧 / 🇸🇰) s tooltipem na plný název jazyka.

Pokud něco nefunguje

"Po prvním kliknutí na Tmavý se nic nestane, až po druhém" — tento bug byl opraven v květnu 2026. Pokud ho i tak vidíte, zkuste:

1. Refresh stránky (Ctrl+R / ⌘R)
2. Pokud používáte aplikaci jako PWA (instalovanou na ploše / homescreen), force-refresh: ⌘+Shift+R / Ctrl+Shift+R
3. V krajním případě smažte mezipaměť prohlížeče pro app.mujvykaz.cz

"Aplikace nesleduje změnu OS theme" — zkontrolujte, že máte zvolený režim Podle systému (ne Světlý ani Tmavý explicitně). Pokud jste si někdy nastavili Tmavý ručně, zůstane tak dokud nepřepnete zpět na Podle systému.

Pro vývojáře a accessibility

• Kontrast: Oba režimy splňují WCAG AA standardy pro kontrast textu vůči pozadí.
• Reduced motion: MůjVýkaz respektuje prefers-reduced-motion — animace přechodů theme jsou v tomto režimu vypnuté.
• Screen reader: segmented control je značený jako role="radiogroup" s aria-checked per tlačítko, takže VoiceOver / NVDA / Narrator čtou aktuální volbu.

Související

• Můj profil — osobní centrum (avatar, jméno, integrace, GDPR)
• Command Palette — zkratka ⌘K pro rychlou navigaci a přepínání