- Uprav soubor
moje-styly.css
aindex.html
podle následujících instrukcí.
-
Pomocí media query pro
prefers-reduced-motion
omez animaci na prvku se třídoudatum
(červené kolo v levém dolním rohu), pokud to uživatel/prohlížeč preferuje. -
Pomocí emulace přes vývojářské nástroje si otestuj, zda se změny projevily (kolo by se podle preference mělo či nemělo hýbat).
-
Úpravou HTML nastav, aby stránka podporovala světlé i tmavé téma.
-
Emulací otestuj, že stránka může být světlá i tmavá. Rext se mění z černé na bílou a obráceně podle preference uživatele/prohlížeče.
-
Uprav CSS tak, aby na pozadí ve tmavém tématu byl obrázek měsíce
podklady/moon.jpg
místo výchozího sluncepodklady/sun.jpg
. -
Opět nezapomeň změny otestovat.