Um simples calendário dinâmico desenvolvido com HTML/CSS. Nele há um relógio dinâmico e modos escuro e claro. Link do deploy: https://cool-duckanoo-7f406b.netlify.app/
- Temas dark e light.
- Relógio dinâmico com horas, minutos e segundos.
- Calendário dinâmico com anos passados e futuros.
- Destaque do dia atual no calendário para melhor visualização.
- A preferência do modo escuro ou claro é salva no Local Storage.
- Atenção: não responsivo!
Vídeos e APIs usadas no projeto.
- Google Icons
- Create A Dynamic Calendar in HTML CSS & JavaScript | Calendar in JavaScript
- Light/Dark Theme Toggle using HTML CSS & JavaScript
- Alternando entre Light Mode/Dark Mode com CSS e Javascript Puro
- As cores de cada modo são modificadas dinâmicamente através de JavaScript.
| Cor | Hexadecimal |
|---|---|
| Cor primary | |
| Cor textColor | |
| Cor textFade | |
| Cor tertiary | |
| Cor fade | |
| Cor brightness |
| Cor | Hexadecimal |
|---|---|
| Cor primary | |
| Cor textColor | |
| Cor textFade | |
| Cor tertiary | |
| Cor fade | |
| Cor brightness |
- Modelo inicial com o calendário puro:
- O calendário e relógio com seus dois modos de visualização:
