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

[Chore] Update Hover/Select Background Colors in Select Dropdown #912

Open
kpmurphh opened this issue May 25, 2023 · 1 comment
Open

[Chore] Update Hover/Select Background Colors in Select Dropdown #912

kpmurphh opened this issue May 25, 2023 · 1 comment
Labels
chore General chore or maintenance task new issue This issue has yet to receive attention

Comments

@kpmurphh
Copy link

When working inside of a dropdown derived from a Select Form Field, the background of each component should be as follows:

  • Default background (not being hovered or selected) - #FFFFFF
  • When hovering over an item - #F6F6F6
  • When an item is selected to be added to the main form field - #EBEBEB

See picture for example:
Screenshot 2023-05-25 at 10 12 15 AM

@kpmurphh kpmurphh added chore General chore or maintenance task new issue This issue has yet to receive attention labels May 25, 2023
@Xenopotamus
Copy link

Xenopotamus commented May 20, 2024

@kpmurphh @stolve suggest we update this ticket to make the selected item more visually prominent and distinct from the hover color of #F6F6F6. In Mobile Savings Center, we had proposed (for dark theme) using the primary teal color (#00838F) with white text to show the selected item.
image

Example:
image

@kpmurphh As part of this ticket, we should also be specifying what the Dark Theme colors should be for default, hover, selected states.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
chore General chore or maintenance task new issue This issue has yet to receive attention
Projects
None yet
Development

No branches or pull requests

2 participants