---

📅 Calendário Dinâmico 📅

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/

Funcionalidades ⚙️

• 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!

Referências 📚

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

Documentação de cores 🌈

• As cores de cada modo são modificadas dinâmicamente através de JavaScript.

Modo claro ☀️

Cor	Hexadecimal
Cor primary	#b33939
Cor textColor	#191102
Cor textFade	#86a87d
Cor tertiary	#bbd8b3
Cor fade	#cfffc3
Cor brightness	#ffffff

Modo escuro 🌙

Cor	Hexadecimal
Cor primary	#531212
Cor textColor	#D8C1C1
Cor textFade	#87a87d
Cor tertiary	#375730
Cor fade	#709665
Cor brightness	#722c2c

Demonstração visual

• Modelo inicial com o calendário puro:

• O calendário e relógio com seus dois modos de visualização:

Etiquetas

---

🔗 Links 🕶️

---