Skip to content
GitLab
Closed
Issue created by Administrator@rootContributor

V5 btn-light/btn-black hover and normal colours too close

Created by: iustin

I'm not familiar with Bootstrap's color schemes/utilities to debug this, but from what I see, btn-light and btn-black have too "close" normal and hover colours:

  • btn-light: v4 #f8f9fa with hover #e2e6ea, v5 #f8f9fa with hover #f9fafb
  • btn-dark: v4 #343a40 with hover #23272b, v5 #212529 with hover #1c1f23

Using an online calculator, btn-light in v4 has a delta-E of ~7, wheras v5 has a delta-E of only 0.34, which means it's practically invisible.

In practice this can be seen by hovering in the v4 docs vs. v5 docs, or thanks to helpful github rendering inline here (although the circles are too small to be clearly visible, but it is).

Is this intentional?