मिलान रंग

Question

मैं बहुत तरह निष्क्रिय पाठ का रंग करने के लिए चहचहाना बूटस्ट्रैप का उपयोग कर घर आइकन के रंग से मेल करने के कोशिश कर रहा हूँ:

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

लेकिन "आइकन -ग्रे "वर्ग" nav_item "वर्ग में पाठ से कहीं अधिक गहरा है। उपयुक्त वर्ग आइकन-फूबार क्या है जो nav_item टेक्स्ट के रंग से मेल खाता है?

Answer 1

आइकन, सफेद और अंधेरे में केवल दो भिन्नताएं हैं, यदि आप आइकन के एक अलग रंगीन सेट को प्राप्त करना चाहते हैं तो आपको फ़ोटोशॉप में मूल आइकन संशोधित करना होगा या पूर्ण आइकन सेट के लिए भुगतान करना होगा और स्रोत फ़ाइलों को संशोधित करना होगा। कोई .icon-gray नहीं है।

Answer 2

आप एक कस्टम शैली का उपयोग करके ग्रे रंग प्राप्त कर सकते हैं:

.icon-gray { 
    opacity: 0.3; 
} 

आप अस्पष्टता कम या अधिक काला के वजन के अनुसार बदलने के लिए हो सकता है।

Answer 3

तुम सिर्फ क्यों एकीकृत नहीं: बहुत बढ़िया फ़ॉन्ट जो संपादन छवि के बिना बूटस्ट्रैप के साथ ठीक काम कर रहा है और आप आइकन के रंग की तरह ही आप पाठ के लिए क्या बदल सकते हैं:

.icon-gray {color:#696969;} 

फ़ॉन्ट बहुत बढ़िया: http://fortawesome.github.io/Font-Awesome/

ढूँढें सीएसएस मैच का रंग: http://www.w3schools.com/cssref/css_colornames.asp