title: How do i change the secondary button text color with bootstrap?
body: <p>Im fairly new to CSS styling, and currently loading bootstrap into my scss main file, where im setting some colors (primary, secondary, danger, etc.) as a theme.</p>
  <p>However, it seems that my button text gets distorted as a result of the color-contrast function in the bootstrap/functions.scss.</p>
  <p>I would like to keep using this function for all colors except the &quot;secondary&quot;. Is it possible to override this and define the btn-secondary-color without going through the color-contrast function?</p>
  <p>Currently my main.scss looks like this:</p>
  <pre><code>$primary: #44698E;
  $secondary: #90A1BC;
  $danger: #D3745F;
  $hoverblue: #edf6ff;
  $darkblue: #103E67;
  $dragoverGreen: #bfe3bf;
  $dragoverRed: #e8a09e;
  
  @import &quot;../../node_modules/bootstrap/scss/bootstrap&quot;;
  
  $btn-secondary-color: white;
  </code></pre>