Soy bastante nuevo en el estilo CSS y actualmente estoy cargando bootstrap en mi archivo principal scss, donde estoy configurando algunos colores (primario, secundario, peligro, etc.) como tema.

Sin embargo, parece que el texto de mi botón se distorsiona como resultado de la función de contraste de color en bootstrap/functions.scss.

Me gustaría seguir usando esta función para todos los colores excepto el "secundario". ¿Es posible anular esto y definir el color secundario btn sin pasar por la función de contraste de color?

Actualmente mi main.scss se ve así:

 $primary: #44698E; $secondary: #90A1BC; $danger: #D3745F; $hoverblue: #edf6ff; $darkblue: #103E67; $dragoverGreen: #bfe3bf; $dragoverRed: #e8a09e; @import "../../node_modules/bootstrap/scss/bootstrap"; $btn-secondary-color: white;