title: Bootstrap 4 Change nav link hover color
body: <p>I am creating a website with <code>Bootstrap 4</code> and Sass (<code>scss</code>). The problem I am running into is the fact that the links in my nav are gray and not blue as I would like to have them. </p>
  
  <p>Every topic I can find about this subject suggests to override the styling of the nav item. In my opinion this is going to bite you in the back later on when developing. So overriding the variable instead of the styling has my preference, but somehow it is not working correctly for me. </p>
  
  <p>I have overridden the bootstrap styles via de recommended way:</p>
  
  <ul>
  <li>Create scss file with color overrides</li>
  <li>Change the styles via the <code>$theme-colors</code> function</li>
  <li>import the theme file before the <code>bootstrap.scss</code> file. </li>
  </ul>
  
  <p>My <code>_theme.scss</code> is as follows:</p>
  
  <pre><code>@import "~bootstrap/scss/functions";
  @import "~bootstrap/scss/variables";
  
  $blue:      #0053CB;
  $blue-700:  #0F2C92;
  $white:     #FFFFFF;
  $green:     #39CA71;
  $red:       #F1453D;
  $orange:    #fd7e14;
  $yellow:    #FDC02F;
  
  $gray-100:  rgba(0,0,0,.03);
  
  $theme-colors: (
    primary: $blue,
    secondary: $white,
    light: $white,
    dark: $blue-700,
    success: $green,
    warning: $orange,
    danger: $red,
  );
  
  // Import bootstrap as last so that the variables will be overridden
  @import '~bootstrap/scss/bootstrap';
  </code></pre>
  
  <p>The bootstrap code for the <code>$link-hover-color</code> (is used for the nav-link) is as follows: </p>
  
  <pre><code>$link-color:                theme-color("primary") !default;
  $link-hover-color:          darken($link-color, 15%) !default;
  </code></pre>
  
  <p>The problem is that the theme colors I defined are correctly used when using <code>bg-primary</code> in my html for example, but the hover and link colors are not the blue color I expected, they are gray, like the default. Is there something I a missing in my setup or am I doing something wrong?</p>