-
I'm often defining specific primary & secondary colors for my applications and I sometimes run into this issue: $primary: #147FAE;
$secondary: #FE5000;
@import "~bootstrap/scss/variables"; <button class="btn btn-primary">Valider</button>
<button class="btn btn-secondary">Annuler</button> Seems (at least to me) less readable than this <button class="btn btn-primary text-light">Valider</button>
<button class="btn btn-secondary text-light">Annuler</button> In that case, I can still override all my element foreground colors .btn-primary {
color: $white;
}
// ... Is there a simpler way to do that ? |
Beta Was this translation helpful? Give feedback.
Answered by
Glideh
Jul 8, 2021
Replies: 1 comment
-
I just found out it seems to be much simpler, setting: $min-contrast-ratio: 3; This behaves better for me. |
Beta Was this translation helpful? Give feedback.
0 replies
Answer selected by
Glideh
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I just found out it seems to be much simpler, setting:
This behaves better for me.
Thx for exposing this variable !