Skip to content

feat: Use consistent colors for links and highlighting #1989

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 3 commits into from
Jun 3, 2022

Conversation

AbhineetJain
Copy link
Contributor

@AbhineetJain AbhineetJain commented Jun 2, 2022

This PR uses the new purple color for highlighting links and other focus elements.

Subtasks

  • move the chip color from user roles to the palette.
  • use the palette color in places we need to update.

Fixes #1940

Screenshots

User roles

Screen Shot 2022-06-02 at 11 56 02 AM

Side-navbar

Screen Shot 2022-06-02 at 11 55 48 AM

Navbar

Screen Shot 2022-06-02 at 11 55 37 AM

Builds table

Screen Shot 2022-06-02 at 11 58 08 AM

User dropdown menu

Screen Shot 2022-06-02 at 12 08 53 PM

This one is probably unused, but it was part of a story so updated it in case we end up using the component in the future:
Screen Shot 2022-06-02 at 12 19 55 PM

@AbhineetJain AbhineetJain requested a review from a team as a code owner June 2, 2022 15:54
@@ -11,6 +11,7 @@ export const darkPalette: PaletteOptions = {
secondary: {
main: "#008510",
contrastText: "#f8f8f8",
dark: "#7057FF",
Copy link
Member

Choose a reason for hiding this comment

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

nice

@Kira-Pilot
Copy link
Member

I'm wondering if we could also use it on our dropdown borders. It kind of bugs me that the border of the user dropdown is blue when the role chips are purple:
Screen Shot 2022-06-02 at 12 04 44 PM
What do you think?

@AbhineetJain
Copy link
Contributor Author

I'm wondering if we could also use it on our dropdown borders. It kind of bugs me that the border of the user dropdown is blue when the role chips are purple. What do you think?

@Kira-Pilot Sounds perfect!

@AbhineetJain AbhineetJain merged commit d6e9eab into main Jun 3, 2022
@AbhineetJain AbhineetJain deleted the abhineetjain/1940-consistent-colors branch June 3, 2022 14:16
kylecarbs pushed a commit that referenced this pull request Jun 10, 2022
* feat: consistent highlight colors

* update user dropdown menu border

* update borderedmenurow active color
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.

Make colors in the UI consistent for links and highlights
2 participants