emojipages
emojipages copied to clipboard
Add toggle for dark and light theme
If you would like to work on this Issue, comment below and wait for confirmation before starting to code.
Add a toggle button somewhere on the homepage (maybe the top right corner) that will let a user switch between a light theme and a dark theme.
The current theme serves as a dark theme so you need to update the CSS to add a light theme. Use the colors that are already in the website (lighter versions of those colors) or colors that are similar. Let me know if you need me to provide color palettes for you.
For all themes, the background color of the container the emoji images are in must be white.
Suggested to do list:
- [ ] Determine placement of toggle button.
- [ ] Add HTML to
index.html
for the toggle button. - [ ] Update
app.js
for the functionality of the toggle button. - [ ] Add CSS for a light theme in
main.css
. - [ ] Make sure the position of the toggle button works on all screen sizes.
I can work on this!
@jyoungiv Great! I have assigned this to you. Feel free to comment here if you have any questions or need more information.