https://github.com/gustavo-victor/theme-switcher

It's a theme switcher made in HTML, CSS and JavaScript
https://github.com/gustavo-victor/theme-switcher

css dark-mode html js light-mode theme-switcher vanilla-javascript

Last synced: 27 days ago
JSON representation

It's a theme switcher made in HTML, CSS and JavaScript

• Host: GitHub
• URL: https://github.com/gustavo-victor/theme-switcher
• Owner: Gustavo-Victor
• License: mit
• Created: 2023-03-03T16:28:04.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-03-03T17:36:29.000Z (over 3 years ago)
• Last Synced: 2025-01-01T14:24:47.205Z (over 1 year ago)
• Topics: css, dark-mode, html, js, light-mode, theme-switcher, vanilla-javascript
• Language: CSS
• Homepage:
• Size: 155 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
Theme Switcher 🌙🌞




  Sobre   |   

  Prints   |   

  Tecnologias   |   

  Licença   |   



🚀 Projeto concluído ✅


## 💻 Sobre

Este é um alternador de temas feito em HTML, CSS e JavaScript. O projeto é mais um dos desafios propostos no Curso do Discover da Rocketseat. [Link para página do desafio](https://efficient-sloth-d85.notion.site/Desafio-Theme-Switcher-dbabdf77f70d43298df382c8e805fc13). No projeto é permitido alternar entre os temas claro e escuro e a opção do usuário é salva no localStorage do navegador.  

Clique [aqui](https://codepen.io/gustavo_victor/pen/PodmyqM) para conferir como o projeto ficou no Codepen.

## 📷 Prints

![img](./assets/img/screenshots/desktop.png) ![img](./assets/img/screenshots/desktop2.png)

![img](./assets/img/screenshots/mobile.png) ![img](./assets/img/screenshots/mobile2.png)

## 🛠 Tecnologias

- Linguagens: 

    - [HTML](https://developer.mozilla.org/pt-BR/docs/Web/HTML) 

    - [CSS](https://developer.mozilla.org/pt-BR/docs/Web/CSS)

    - [JavaScript](https://www.javascript.com/)

- Ferramentas / Recursos: 

    - Editor: [Visual Studio Code](https://code.visualstudio.com/)

## 📝 Licença 

O projeto está sob a [Licensa MIT](./LICENSE) 

Qualquer pessoa pode usar, clonar e contribuir com este projeto.