Currently, the EmojiScreen style is 'dark mode' by default. Add a button or toggle so that users can switch from the current design (dark mode) to a new design (light mode).
- For the light mode design only utilize colors that already exist on the EmojiScreen website.
- For the toggle or button, if you would like to use an icon use Font Awesome or an emoji.
- Add the toggle/button in the header area (see example of area below).
- The button should be accessible and should be able to be operated using the keyboard.
- Keep in mind color contrast for accessibility.
- Keep in mind, that you can't always just convert what is currently white to black or vice versa to create a light-mode version of this site. For example, some of the emoji cards have black emojis so turning the white background will make them too hard to see. You will need to be creative in how you update the colors.
- If needed more design guidance can be provided.
Currently, the EmojiScreen style is 'dark mode' by default. Add a button or toggle so that users can switch from the current design (dark mode) to a new design (light mode).