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.

Sign up for GitHub

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

Jump to bottom

Fixing Navbar "Language" button #300

Open

EfiGelfi opened this issue Jun 9, 2024 · 0 comments

Labels

design

Collaborator

EfiGelfi commented Jun 9, 2024 •

edited

Loading

What would you like to share?

Currently the language button is just a flag.

The needed changes are:
0. Delete the effect that makes the flag grow please:)

Add 2 letters for each language, to match the flag- EN (English) , HE (Hebrew)
Add a 1px border, with padding of 14px bottom and up, and 20px from the sides.
Border color is purple 500 (#6366F1) for dark mode& light mode.
Dark mode backgrounds:
Grey 900 (#020616 ) for the default bg color.
Grey 800 (#0F1729) for the hover state bg color.
Light mode backgrounds:
Grey 050 (#F8FAFC ) for the default bg color.
Grey 100 (#E0E7FF) for the hover state bg color.
Border radius- 10

Screenshot 2024-06-09 at 4 34 27 PM

Additional information

No response

EfiGelfi added the design label

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment