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

Solidus legacy color hierarchy #5446

Merged
merged 2 commits into from
Oct 24, 2023

Conversation

mfrecchiami
Copy link
Contributor

@mfrecchiami mfrecchiami commented Oct 23, 2023

Summary

When the Solidus Admin colors were extracted in a different file, we followed the color hierarchy of the New Solidus Admin Panel, in which the primary color is black. If this works in an admin panel where the UI has been updated, it creates issues on the Solidus Legacy version that loses its primary blue color.

In this PR, we have improved the color hierarchy for the Solidus Legacy version to facilitate user interactions.
e.g. understanding an element is clickable, having a hover effect on primary buttons, and keeping icons aligned on custom menu items.

Before After
Screenshot 2023-10-20 at 18 42 13 Screenshot 2023-10-23 at 14 45 09
Screenshot 2023-10-20 at 18 10 49 Screenshot 2023-10-23 at 14 45 29
Screenshot 2023-10-23 at 14 46 58 Screenshot 2023-10-23 at 14 46 16

Checklist

Check out our PR guidelines for more details.

The following are mandatory for all PRs:

The following are not always needed:

  • 📖 I have updated the README to account for my changes.
  • 📑 I have documented new code with YARD.
  • 🛣️ I have opened a PR to update the guides.
  • ✅ I have added automated tests to cover my changes.
  • 📸 I have attached screenshots to demo visual changes.

@mfrecchiami mfrecchiami requested a review from a team as a code owner October 23, 2023 12:58
@github-actions github-actions bot added the changelog:solidus_backend Changes to the solidus_backend gem label Oct 23, 2023
The previous version of colors reflected exactly the new Solidus Admin,
but its application on the legacy UI makes more difficult for merchants
to individuate links and clickable elements.
@elia elia force-pushed the mfrecchiami/solidus-legacy-improvement branch from 5c64c3b to 24b97b7 Compare October 24, 2023 08:33
Copy link
Contributor

@rainerdema rainerdema left a comment

Choose a reason for hiding this comment

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

👍

@elia elia merged commit af2803a into solidusio:main Oct 24, 2023
2 checks passed
@elia elia deleted the mfrecchiami/solidus-legacy-improvement branch October 24, 2023 10:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
changelog:solidus_backend Changes to the solidus_backend gem
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants