Matching kolor „icon-home” w twitter bootstrap

Question

Próbuję dopasować kolor ikony domu przy użyciu twitter bootstrap do koloru tekstu nieaktywnego tak:

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <ul class="nav"> 
     <li class="nav_item"><a href="indexdefaults.html"><i class="icon-home icon-gray"></i>Home</a></li> 
     <li class="active"><a href="about.html">About</a></li> 
     </ul> 
    </div> 
    </div> 
</div> 

ale ikona” -gray "klasa jest dużo ciemniejsza niż tekst w klasie" nav_item ". Jaka jest właściwa ikona klasy - foobar, która pasuje do koloru tekstu nav_item?

Answer 1

Istnieją tylko dwie odmiany ikon, biała i ciemna, jeśli chcesz uzyskać inny kolorowy zestaw ikon, musisz zmodyfikować oryginalne ikony w programie Photoshop lub zapłacić za pełny zestaw ikon i zmodyfikować pliki źródłowe. Nie ma numeru .icon-gray.

Answer 2

można uzyskać kolor szary za pomocą niestandardowego stylu:

.icon-gray { 
    opacity: 0.3; 
} 

może trzeba będzie zmienić krycie niższa lub wyższa jak na masę czarny.

Answer 3

Dlaczego nie można po prostu zintegrować: Czcionka Niesamowite która pracuje bez zarzutu z Bootstrap bez edytowania obrazu i można zmienić kolor ikony tak jak ty tekstu:

.icon-gray {color:#696969;} 

Czcionka Niesamowite: http://fortawesome.github.io/Font-Awesome/

Znajdź CSS Kolor meczu: http://www.w3schools.com/cssref/css_colornames.asp