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

Improved Navigation Bar Color Accessibility for Info, Danger and Dark… #2793

Closed
wants to merge 1 commit into from

Conversation

TyreceDJ
Copy link

@TyreceDJ TyreceDJ commented Dec 9, 2023

Fixes #2367

Before

TandoorDarkOld
TandoorDangerOld
TandoorInfoOld

After

TandoorDarkNew
TandoorDangerNew
TandoorInfoNew

Explanation of Changes

.bg-dark is a class attribute only present when the Dark Navigation Color is selected and will apply white to the text of the navigation bar.

.bg-danger and .bg-info are class attributes only present when the Danger and Info Navigation Color are selected, respectively. :is(.bg-danger, .bg-info) selects any element with the class bg-danger or bg-info, and applies a sharper black to the text of the navigation bar.

I'm open to feedback on the text color choices or the CSS class selectors used.

@vabene1111
Copy link
Collaborator

thank you very much, I like the changes, well documented and understandable!

@vabene1111 vabene1111 self-requested a review December 10, 2023 12:20
@vabene1111
Copy link
Collaborator

thanks again for the PR, due to a recent change in how the nav bar works (setting the color directly) this wont have any effect any more, but still thank you for providing the fix.

@vabene1111 vabene1111 closed this Jan 19, 2024
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.

Navigation bar Color Contrast Accessibility
2 participants