फ्रेमवर्क 7 - रंग विषय-वस्तु

विवरण

फ्रेमवर्क 7 आपके अनुप्रयोगों के लिए अलग-अलग रंग थीम प्रदान करता है।

एक रंग विषय नीचे दिए गए तालिका में निर्दिष्ट अनुसार सुचारू रूप से अनुप्रयोगों के साथ काम करने के लिए उपयोग किए जाने वाले विभिन्न प्रकार के थीम रंग प्रदान करता है -

S.No थीम प्रकार और विवरण
1 iOS थीम रंग

आप एप्लिकेशन के लिए 10 अलग-अलग डिफ़ॉल्ट आईओएस रंग विषयों का उपयोग कर सकते हैं।

2 सामग्री थीम रंग

फ्रेमवर्क 7 आवेदन के लिए 22 विभिन्न डिफ़ॉल्ट सामग्री रंग थीम प्रदान करता है।

रंग विषयों को लागू करना

फ्रेमवर्क 7 आपको मूल तत्व के विषय- [रंग] वर्ग का उपयोग करके विभिन्न विषयों जैसे पेज, लिस्ट-ब्लॉक, नावबार, बटन-पंक्ति आदि पर रंग थीम लागू करने की अनुमति देता है ।

उदाहरण

...
</body>

<div class = "page theme-gray">
   ...
</div>

<div class = "list-block theme-blue">
   ...
</div>

<div class = "navbar theme-green">
   ...
</div>

<div class = "buttons-row theme-red">
   ...
</div>

लेआउट विषय-वस्तु

आप अपने थीम के लिए डिफ़ॉल्ट लेआउट थीम का उपयोग दो थीम सफेद और अंधेरे का उपयोग करके कर सकते हैं । मूल तत्व के लिए लेआउट- [विषय] वर्ग का उपयोग करके विषयों को लागू किया जा सकता है ।

उदाहरण

...
</body>

<div class = "navbar layout-white">
   ...
</div>

<div class = "buttons-row layout-dark">
   ...
</div>

हेल्पर क्लासेस

फ्रेमवर्क 7 अतिरिक्त सहायक कक्षाएं प्रदान करता है, जिनका उपयोग नीचे सूचीबद्ध या बिना थीम के किया जा सकता है -

  • color-[color] - इसका उपयोग टेक्स्ट कलर ऑफ ब्लॉक या बटन, लिंक, आइकन आदि के कलर को बदलने के लिए किया जा सकता है।

  • bg-[color] - यह ब्लॉक या एलिमेंट पर पूर्वनिर्धारित बैकग्राउंड कलर सेट करता है।

  • border-[color] - यह ब्लॉक या तत्व पर पूर्वनिर्धारित सीमा रंग निर्धारित करता है।