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

Remove hard-coded getRoleLabelPill text foreground color classes #1658

Merged
merged 2 commits into from Jun 27, 2023

Conversation

alectrocute
Copy link
Contributor

Appendum to #1656.

I did more testing with lightly and discovered we really aught to just use the default foreground colors for these pills, which means not manually specifying text-black/text-white, and just letting Bootstrap pick the default. This keeps things looking good across themes, see pics below.

Screenshot 2023-06-27 at 4 53 14 PM Screenshot 2023-06-27 at 4 53 05 PM

Signed-off-by: Alec Armbruster <35377827+alectrocute@users.noreply.github.com>
@jsit
Copy link
Contributor

jsit commented Jun 27, 2023

Ah, yes, the text-bg- classes should take care of foreground colors just fine

In fact I'm pretty sure Bootstrap 5 chooses the correct foreground color based on the $min-contrast-ratio Sass var we set (ours is set to 3, which is why that green color had to be darker in BS5)

@jsit jsit enabled auto-merge June 27, 2023 22:56
@jsit jsit disabled auto-merge June 27, 2023 22:56
@jsit jsit enabled auto-merge (squash) June 27, 2023 22:56
@jsit jsit merged commit 874ae62 into main Jun 27, 2023
1 of 2 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.

None yet

3 participants