Barevné schéma určuje světlý nebo tmavý základ šablony. Paleta je připravená skupina barev, od které můžete začít.
Co se naučíte
- Rozlišit schéma šablony a téma editoru.
- Zvolit předvídatelnou světlou nebo tmavou variantu.
- Použít paletu jako výchozí bod.
- Pochopit současné omezení volby Auto.
Dvě různá „tmavá témata“
Editor umí přepnout vzhled svého pracovního rozhraní, aby se vám lépe pracovalo. Tato volba se ukládá lokálně v prohlížeči a nemění výsledný web. Globální volba barevného schématu naopak patří do konfigurace šablony.
Režim light používá světlý základ a dark tmavý. Hodnota auto se uloží a exportuje, plný náhled ji zobrazuje jako světlou variantu. Pro předvídatelný výsledek proto volte light nebo dark.
Volba schématu a palety
- Otevřete globální styly a najděte barevné schéma.
- Zvolte light nebo dark.
- Vyberte nejbližší hotovou paletu nebo nastavte vlastní hlavní, sekundární a neutrální barvy.
- Zkontrolujte pozadí, text, odkazy, tlačítka, menu, rámečky a stavové prvky.
- U tmavého návrhu věnujte pozornost obrázkům s bílým pozadím a příliš výrazným stínům.
- Otevřete ukázkové typy stránek a mobilní náhled. Nakonec použijte čistý Preview.
Tmavý režim není jen obrácení barev
Znovu zkontrolujte kontrast, rámečky, fotografie, loga i stavy tlačítek. Prvek čitelný na bílém pozadí nemusí fungovat na tmavém.
Obrázky, loga a tmavé pozadí
Logo s tmavým textem může na tmavé hlavičce zmizet. Fotografie s čistě bílým okrajem zase v tmavé kartě vytvoří nechtěný světlý obdélník. Při volbě schématu proto zkontrolujte nejen CSS, ale i obsahové podklady. Pro světlou a tmavou variantu může být potřeba připravit dvě vhodné verze loga na cílovém webu.
Také stíny se chovají jinak: černý stín je na tmavém pozadí téměř neviditelný, zatímco světlý okraj může působit příliš tvrdě. Využijte raději jemný rámeček a rozdíl odstínu. Každý zásadní blok zkontrolujte bez editačních zvýraznění v čistém náhledu.