Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add a toggle for light mode for the website #773

Open
brittanyrw opened this issue Oct 6, 2023 · 3 comments
Open

Add a toggle for light mode for the website #773

brittanyrw opened this issue Oct 6, 2023 · 3 comments
Labels
enhancement New feature or request good first issue Good for newcomers

Comments

@brittanyrw
Copy link
Owner

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.
Screenshot 2023-10-05 at 9 44 08 PM
@brittanyrw brittanyrw added enhancement New feature or request good first issue Good for newcomers and removed good first issue Good for newcomers labels Oct 6, 2023
@Luwa-Tech
Copy link

Hi @brittanyrw is this issue still open? i would like to try my hands on this.

@0xBlyn
Copy link

0xBlyn commented Oct 19, 2023

Hello, @brittanyrw can I be assigned to this issue that is if it is still open

@Youngemmy5956
Copy link

Fixed the theme mode

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests

4 participants