Vzhled webu pro objednávání jídel

#534

Barvy pro vzhled webu je nutné přidat ručně v formuláři vzhledu webu v části Nastavení stylu (Web -> Vzhledy).

Tady použijte následující proměnné:

Id Vysvětlivka
e10-sc-title-bg barva buňky nadpisu
e10-sc-title-text barva textu nadpisu
e10-sc-item-selected-bg barva označené (vybrané) buňky
e10-sc-item-selected-text barva textu v označené buňce
e10-sc-item-selectable-bg barva buňky, kterou lze označit (je na výběr)
e10-sc-item-selectable-text barva textu v buňce, kterou je možné označit
e10-sc-item-inactive-bg barva buňky, která je neaktivní – uplynulé dny, na které už nejde objednat jídlo
e10-sc-item-inactive-text barva textu v neaktivní buňce
e10-sc-item-inactive-selected-bg barva neaktivní buňky, která označuje, jaké jídlo bylo v uplynulých dnech vybráno
e10-sc-item-inactive-selected-text barva textu neaktivní buňky, která byla v uplynulých dnech vybrána
e10-sc-item-selectable-hover-bg barva buňky, na které stojíte kurzorem
e10-sc-item-selectable-hover-text barva textu buňky, na které stojíte kurzorem

Ostatní barvy (jako pozadí těla stránky, text, hlavička, patička,…) nastavíte buď klasickým způsobem v Základní, kde se nachází kolonky, nebo můžete pokračovat v nastavování v Nastavení stylu. Seznam id, která použijete pro zbytek nastavování se nachází zde.

Kód

Kód může vypadat například takto:

$e10-sc-item-selected-bg: #32CD32;
$e10-sc-item-selected-text: #000000;

$e10-sc-item-selectable-bg: #FFFFFF;
$e10-sc-item-selectable-text: #000000;

$e10-sc-item-inactive-bg: #D3D3D3;
$e10-sc-item-inactive-text: #696969;

$e10-sc-item-inactive-selected-bg: #696969;
$e10-sc-item-inactive-selected-text: #D3D3D3;

$e10-sc-item-selectable-hover-bg: #FFA500;
$e10-sc-item-selectable-hover-text: #000000;