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

Minor color improvements #522

Merged
merged 5 commits into from
Aug 8, 2023
Merged

Conversation

shanecmiller23
Copy link
Contributor

@shanecmiller23 shanecmiller23 commented Aug 8, 2023

  • Improve contrast for accordions/expandable blocks
  • Improve coloring for "Join the Crossplane Slack" home page tooltip
  • Replaced all old color variables with the new palette variables
  • Fix dark mode coloring for vertical striped tables
  • Remove table aqua background hover states

Signed-off-by: Shane Miller <shanecm.ux@gmail.com>
@netlify
Copy link

netlify bot commented Aug 8, 2023

Deploy Preview for crossplane ready!

Name Link
🔨 Latest commit f77f8a8
🔍 Latest deploy log https://app.netlify.com/sites/crossplane/deploys/64d29c3463ac7300085bcff3
😎 Deploy Preview https://deploy-preview-522--crossplane.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@shanecmiller23
Copy link
Contributor Author

@jbw976 per some of your recent feedback, darkened the borders/icons for these components

Signed-off-by: Shane Miller <shanecm.ux@gmail.com>
@shanecmiller23 shanecmiller23 changed the title improve contrast for accordions/expandable blocks improve contrast for accordions/expandable blocks, replace all old color variables Aug 8, 2023
Signed-off-by: Shane Miller <shanecm.ux@gmail.com>
@shanecmiller23 shanecmiller23 changed the title improve contrast for accordions/expandable blocks, replace all old color variables Minor color improvements Aug 8, 2023
@@ -51,7 +51,7 @@

// Override Bootstrap accordion colors in the body
.accordion {
--bs-accordion-border-color: #{$fog-800};
--bs-accordion-border-color: #{$fog-500};
Copy link
Member

Choose a reason for hiding this comment

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

There's something fishy going on with the bottom rounded corners of the accordions when they are in their expanded state - looks like it's still a dark color that doesn't match the straight line edge borders, or they are clipped or something? they look like they are missing essentially - do you see this too?

e.g. on https://deploy-preview-522--crossplane.netlify.app/v1.13/concepts/compositions/

Screenshot 2023-08-08 at 10 08 16 AM

Copy link
Collaborator

Choose a reason for hiding this comment

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

I see the same thing in dark mode.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@jbw976 @plumbis I'll need to dig into that issue to find more. Being that issue is pretty minor and exists today, I may scope/investigate that in a separate PR if that works

Signed-off-by: Shane Miller <shanecm.ux@gmail.com>
Signed-off-by: Shane Miller <shanecm.ux@gmail.com>
@plumbis plumbis merged commit a12284a into crossplane:master Aug 8, 2023
6 checks passed
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