title: bootstrap fa active color
body: <p>how can i set the active-color of a i with fa to #9b0722?</p>
  
  <p>My HTML looks like the following:</p>
  
  <pre><code>&lt;div class="topbar"&gt;
      &lt;div class="container"&gt;
          &lt;!-- Topbar Navigation --&gt;
          &lt;ul class="loginbar pull-right"&gt;
              &lt;li class="active"&gt;
                  &lt;a href="#" title="Startseite"&gt;
                      &lt;i class="fa fa-home"&gt;&lt;/i&gt;  
                  &lt;/a&gt;
  
              &lt;/li&gt;
              &lt;li class="topbar-devider"&gt;&lt;/li&gt;   
              &lt;li&gt;&lt;a href="#kontakt"&gt;Kontakt&lt;/a&gt;&lt;/li&gt; 
              &lt;li class="topbar-devider"&gt;&lt;/li&gt; 
              &lt;li&gt;&lt;i class="fa fa-phone"&gt;&lt;/i&gt;&lt;a href="tel:+497147273729"&gt; +49 7147 273729&lt;/a&gt;&lt;/li&gt; 
              &lt;li class="topbar-devider"&gt;&lt;/li&gt;   
              &lt;li&gt;&lt;a href="#"&gt;Impressum&lt;/a&gt;&lt;/li&gt;   
          &lt;/ul&gt;
          &lt;!-- End Topbar Navigation --&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>