Skip to content

Layout com opção "Dark mode" feito com JavaScript puro + CSS Variables

Notifications You must be signed in to change notification settings

michelzaum/Dark-mode-raiz

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dark mode raiz 🤟

Layout com opção "Dark mode" feito com JavaScript puro + CSS Variables 🌑

imagem de exemplo

💡 Neste arquivo, temos a possibilidade de alternar entre os estilos "light" e "dark" de forma fácil, através de um checkbox.

A lógica foi construída utilizando JavaScript Vanilla e CSS Variables.

📁 Para baixar o arquivo e vê-lo em ação, basta fazer um clone do repositório:

$ git clone https://github.com/MichelNascimento/Dark-mode-raiz.git

Com o projeto baixado, acesse a pasta "Dark-mode-raiz" e abra o arquivo "index.html" no navegador. ;)


📝 Link do vídeo do pessoal da Rocketseat ensinando o passo a passo para desenvolver essa funcionalidade:

https://www.youtube.com/watch?v=BvhYm0BOLvA&list=PL85ITvJ7FLoifcDIBeuuAhh4_799RZaSc&index=4

About

Layout com opção "Dark mode" feito com JavaScript puro + CSS Variables

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published