title: Bootstrap 3.3.7 change hover / active color of collapsed stack in navbar?
body: <p>Using Bootstrap v3.3.7</p>
  
  <p>Trying to customize the navbar color using the page at:
  <a href="https://getbootstrap.com/docs/3.3/customize/" rel="nofollow noreferrer">https://getbootstrap.com/docs/3.3/customize/</a></p>
  
  <p>Everything works EXCEPT when the navbar is collapsed down, ie:</p>
  
  <pre><code>    &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"&gt;
         &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
         &lt;span class="icon-bar"&gt;&lt;/span&gt;
         &lt;span class="icon-bar"&gt;&lt;/span&gt;
         &lt;span class="icon-bar"&gt;&lt;/span&gt;
      &lt;/button&gt;
  </code></pre>
  
  <p>The icon-bar(s), when collapsed appear as follows (which is fine):</p>
  
  <p><a href="https://i.stack.imgur.com/63S7u.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/63S7u.jpg" alt="navbar with background color changed"></a></p>
  
  <p>BUT, when I hover over the icon-bar(s), they appear washed-out, i.e.:</p>
  
  <p><a href="https://i.stack.imgur.com/hmgd8.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hmgd8.jpg" alt="navbar collapsed - hover/active not working"></a></p>
  
  <p>Obviously the hover / active background and foreground colors need to be tweaked, but what are the magic LESS variables that need to be changed?</p>
  
  <p>The goal is to keep the bars white and the background blue during hover / click, etc.</p>
  
  <p>Thanks in advance.</p>