Skip to content

fix: adjust colors for disabled menu item #619

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

Merged
merged 2 commits into from
Jun 20, 2025
Merged

Conversation

ariser
Copy link
Collaborator

@ariser ariser commented Jun 18, 2025

  • remove background color for disabled items because it's not required for a menu item
  • use global disabled color instead of component-specific, because the component-specific is bugged in dark theme
    • note: the global disabled color is slighly darker in light theme

we plan to revisit how colors are defined once Gareth is back from his vacation next month

this affects

  • AutoComplete
  • ContextMenu
  • Dropdown
  • SingleSelect
  • MultiSelect
  • CheckboxMultiSelect
before after
dark image image
light image image

Copy link

vercel bot commented Jun 18, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
click-ui ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 20, 2025 11:58am

Copy link

@crisalbu crisalbu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Beautiful! 👩🏻‍🍳 👌🏻

@ariser ariser requested a review from vineethasok June 19, 2025 13:38
@@ -105,8 +105,7 @@ export const GenericMenuItem = styled.div`
font: ${theme.click.genericMenu.item.typography.label.active};
}
&[data-disabled] {
background:${theme.click.genericMenu.item.color.background.disabled};
color:${theme.click.genericMenu.item.color.text.disabled};
color:${theme.global.color.text.disabled};
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is not right
We need to update token instead of using the text disabled

Copy link
Collaborator Author

@ariser ariser Jun 19, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

do you know how to do it?
I was under the impression that Gareth's the one who does this, but he's not back until July
if we have access, we should update the token 100%

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If you can help with that, it would be great, @vineethasok , otherwise we'll have to wait for Gareth's return.

Copy link
Collaborator Author

@ariser ariser Jun 19, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'll create an issue to update the token and revert this line right after it, so that it won't get lost. Will post here a bit later

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@ariser ariser merged commit 0f2c25e into main Jun 20, 2025
6 checks passed
@ariser ariser deleted the fix-menu-item-colors branch June 20, 2025 12:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants