emojipages icon indicating copy to clipboard operation
emojipages copied to clipboard

Add toggle for dark and light theme

Open brittanyrw opened this issue 5 years ago • 2 comments

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.

brittanyrw avatar Oct 08 '19 16:10 brittanyrw

I can work on this!

jyoungiv avatar Oct 09 '19 16:10 jyoungiv

@jyoungiv Great! I have assigned this to you. Feel free to comment here if you have any questions or need more information.

brittanyrw avatar Oct 09 '19 16:10 brittanyrw