de coincidencia de color "icono-casa" en Twitter arranque

Question

Estoy tratando de hacer coincidir el color del icono de inicio de arranque usando Twitter para el color del texto inactivo, así:

<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> 

pero el "icono -gray "clase es mucho más oscura que el texto en la clase" nav_item ". ¿Cuál es el ícono de clase apropiado-foobar que coincide con el color del texto nav_item?

Answer 1

Existen solo dos variaciones para los iconos, blanco y oscuro, si desea obtener un conjunto de iconos de diferentes colores, debe modificar los iconos originales en photoshop o pagar el conjunto completo de iconos y modificar los archivos fuente. No hay .icon-gray.

Answer 2

usted puede conseguir el color gris mediante el uso de un estilo personalizado:

.icon-gray { 
    opacity: 0.3; 
} 

puede que tenga que cambiar la opacidad menor o mayor según el peso de negro.

Answer 3

¿Por qué no acaba de integrar: Fuente impresionante que está trabajando muy bien con Bootstrap sin necesidad de editar la imagen y se puede cambiar el color del icono igual que lo hace para el texto:

.icon-gray {color:#696969;} 

fuente impresionante: http://fortawesome.github.io/Font-Awesome/

Búsqueda de color Partido CSS: http://www.w3schools.com/cssref/css_colornames.asp