[Minor][Feature] Add light/dark mode toggle #47
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description:
This PR adds MUI's dark mode theme as the default theme.
🧠 Rationale behind the change
Dark mode is easier on most users eyes.
Commits & Changes:
main.tsx
ThemeProvider
style.css
📸 Screenshots (optional)
Light
![image](https://private-user-images.githubusercontent.com/60308670/363462061-34b39069-7bee-4bdb-b082-f0baef3b5077.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyOTE1ODQsIm5iZiI6MTczOTI5MTI4NCwicGF0aCI6Ii82MDMwODY3MC8zNjM0NjIwNjEtMzRiMzkwNjktN2JlZS00YmRiLWIwODItZjBiYWVmM2I1MDc3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjExVDE2MjgwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTRiYTU2NzQ0NTI4NDE5YzUyZTZjMmMyOTI0MTQ3NjAwY2UyMjgyYTZiNjhhYzIxZjEyMjBhYzAwZjg3N2U4MDgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.9mojgr6CahjDNS4iPeNv9veP3wBHAIyFH-QY_bxZt7g)
Dark
![image](https://private-user-images.githubusercontent.com/60308670/363462035-667306ce-8b8d-46f4-93d5-be4b38b4b659.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyOTE1ODQsIm5iZiI6MTczOTI5MTI4NCwicGF0aCI6Ii82MDMwODY3MC8zNjM0NjIwMzUtNjY3MzA2Y2UtOGI4ZC00NmY0LTkzZDUtYmU0YjM4YjRiNjU5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjExVDE2MjgwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTZkNTllZmMwMmQxOGZkZDExNDI0MzdlZmJmOWVhYmRjOGY1MjIxNmFiZDIyM2I2YTFjZWU1Nzg0MTVmMWE2OWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.MBataIyTHZZhcm4JI-vyl4Zhq6GW7UgDwWxc8Y-3dAA)
🏎 Quality check
Are there any erroneous console logs, debuggers or leftover code in your changes?
Walk away, take a break, re-read what you filled out above does it make sense if you were coming in cold? What extra context could you provide?