Sekce Výchozí vzhled snímků se nachází na záložce Nastavení kurzu (ve sbalené kartě). Určuje výchozí vizuální podobu snímků celého kurzu — barvy, písma, odsazení a zaoblení rohů. Změny uložíte tlačítkem Uložit vzhled.
Co lze nastavit
- Barva písma a barva pozadí.
- Primární a sekundární barva — doplňkové barvy motivu.
- Font nadpisů a font textů.
- Odsazení (padding) a vnější odsazení (margin) v pixelech.
- Zaoblení rohů (border-radius) v pixelech.
- Vlastní CSS pro pokročilé úpravy vzhledu.
U každé hodnoty je tlačítko Nastavit výchozí, které ji vrátí na systémovou výchozí hodnotu platformy.
Dědičnost vzhledu (kurz → snímek → element)
Nastavení z této sekce není konečné — funguje jako výchozí hodnoty, které se dědí směrem dolů a které lze na nižších úrovních přepsat:
- Kurz — zde nastavený vzhled platí jako výchozí pro všechny snímky kurzu.
- Snímek — u jednotlivého snímku lze většinu hodnot přepsat vlastním nastavením; co nepřepíšete, snímek zdědí z kurzu.
- Element — stejně tak u jednotlivého prvku (elementu) na snímku lze hodnoty znovu přepsat; nepřepsané se dědí z nastavení snímku.
Platí tedy řetězec kurz → snímek → element, kde každá nižší úroveň přebírá hodnoty z vyšší, dokud je sama nezmění. Změníte-li vzhled na úrovni kurzu, projeví se všude, kde nebyl ručně přepsán na úrovni snímku nebo elementu. Některé hodnoty (primární a sekundární barva) se na nižších úrovních pouze dědí a samostatně se nepřepisují.
Vlastní CSS a zástupné hodnoty
Do pole Vlastní CSS lze vkládat zástupné texty, které se při zobrazení nahradí aktuálně platnými (zděděnými) hodnotami vzhledu — například [ForegroundColor], [BackgroundColor], [PrimaryColor], [SecondaryColor], [TitleFont], [ParagraphFont], [Padding], [Margin] a [BorderRadius]. Díky tomu vlastní CSS respektuje dědičnost vzhledu popsanou výše.