thdomingues-dev / darktheme-switch

A quick example of how to use styled components to switch themes

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Dark Theme Switch πŸ‘»

A fast way to change your color theme

This project has been developed for educational goals whit open source code. Here you'll find concepts like styled-components and react-switch.

available at github/darktheme-switch

Project πŸ“Œ

Struct πŸ“‚

β”œβ”€β”€ /src                      # Main directory
|   |── /components           # Header component is here
β”‚   β”œβ”€β”€ /styles               # Contains global style and themes
β”‚   β”œβ”€β”€ /utils                # Persistent state to store current theme
β”‚   β”œβ”€β”€ App.tsx               # Main component that will render our implementation

How to run the project πŸ’»

1- yarn start

or

npm run start

output:

// Open by browser
  http://localhost:3000/

Used resources πŸ”¨

Any questions

Contact: thdomingues.dev@gmail.com πŸ“§

About

A quick example of how to use styled components to switch themes


Languages

Language:TypeScript 64.7%Language:HTML 35.3%