Vašou úlohou je spraviť webstránku s podporou svetlej a tmavej témy. Za normálnych okolností musí rešpektovať nastavenia operačného sýstému.
Avšak stránka bude obsahovať jeden checkbox, ktorým sa dá téma prestaviť. Checkbox musí mať name=”theme switcher”. Stránka nemá obsahovať žiadny iný element. V prípade tmavého módu má byť farba pozadia #223a2c. Naopak pri svetlom móde má byť farba pozadia #efedea.
Možno sa pýtate ako vyberať medzi tromi možnostami pomocou jedného checkboxu. Nie je to úplne známa vec ale chceckbox vie mať 3 stavy. normálny neoznačený, označený a “indeterminate”. Tento stav sa dá nastaviť iba pomocou js. Avšak môžte počítať, že my vám ho do tohto stavu na začiatku testovania nastavíme. Preto od vás na plný počet bodov budeme vyžadovať riešenie, ktoré nevyužíva javascript, teda iný než ten, čo tam pridáme my.
Technické detaily:
- Checkbox musí mať id “switcher”.
- V stave “indeterminate” zobrazuje tému preferovanú operačným systémom.
- V odznačenom stave zobrazuje tému preferovanú osvetlú tému.
- V označenom stave zobrazuje tému preferovanú tmavú tému.
- Na plný počet bodov nepoužívajte JS.