Todos os desafios passados te trouxeram até aqui.
Esse pode ser considerado o desafio mais 'explodidor de mentes'! Muitas pessoas criam grandes ferramentas para adicionar dark mode as suas aplicações. Mas existe um jeito ridiculamente fácil!
E advinha, é só com css!!!
Se você se deu bem nos desafios 1, 3 e 11, você perceberá que esse desafio unifica todos os pontos fortes dos desafios anteriores.
Nesse desafio você trabalhará com
- HTML Semantico, input checkbox
- Pseudo Classes/Seletores
- Seletores irmãos
- Variaveis de CSS
Só pode ser usado HTML e CSS
É necessaŕio que:
- Criar um toggle onde seja alternado o modo de cor entre light e dark
- Alterar todas as cores, bordas e background par ao 'inverso'
Você pode visualizar o modelo que eu fiz no CodePen