थीम एक खास तरह का एक्सटेंशन है, जो ब्राउज़र के लुक को बदलता है. थीम को सामान्य एक्सटेंशन की तरह ही पैकेज किया जाता है. हालांकि, इनमें JavaScript या एचटीएमएल कोड शामिल नहीं होता.
थीम को Chrome वेब स्टोर पर अपलोड करने के लिए, एक्सटेंशन अपलोड करने के तरीके का इस्तेमाल किया जाता है. अपलोड करने के दौरान, आपसे कोई कैटगरी चुनने के लिए कहा जाएगा. आपको Chrome वेब स्टोर के दस्तावेज़ में, सबसे सही तरीकों में थीम कैटगरी की सूची दिखेगी.
Chrome वेब स्टोर पर कई थीम देखी और आज़माई जा सकती हैं.
मेनिफ़ेस्ट
यहां किसी थीम के लिए manifest.json
फ़ाइल का उदाहरण दिया गया है:
{
"manifest_version": 3,
"version": "2.6",
"name": "camo theme",
"theme": {
"images" : {
"theme_frame" : "images/theme_frame_camo.png",
"theme_frame_overlay" : "images/theme_frame_stripe.png",
"theme_toolbar" : "images/theme_toolbar_camo.png",
"theme_ntp_background" : "images/theme_ntp_background_norepeat.png",
"theme_ntp_attribution" : "images/attribution.png"
},
"colors" : {
"frame" : [71, 105, 91],
"toolbar" : [207, 221, 192],
"ntp_text" : [20, 40, 0],
"ntp_link" : [36, 70, 0],
"ntp_section" : [207, 221, 192],
"button_background" : [255, 255, 255]
},
"tints" : {
"buttons" : [0.33, 0.5, 0.47]
},
"properties" : {
"ntp_background_alignment" : "bottom"
}
}
}
कलर
रंग आरजीबी फ़ॉर्मैट में हों. "रंग" फ़ील्ड में इस्तेमाल की जा सकने वाली स्ट्रिंग ढूंढने के लिए, kOverwritableColorTable
देखें.
इमेज
इमेज रिसॉर्स, एक्सटेंशन के रूट के हिसाब से पाथ का इस्तेमाल करते हैं. kPersistingImages
में मौजूद स्ट्रिंग से तय की गई किसी भी इमेज को बदला जा सकता है. सभी इमेज, PNG फ़ॉर्मैट में सेव होनी चाहिए. ऐसा न करने पर, वे ठीक से रेंडर नहीं होंगी.
प्रॉपर्टी
इस फ़ील्ड की मदद से, बैकग्राउंड अलाइनमेंट, बैकग्राउंड दोहराने की सुविधा, और वैकल्पिक लोगो जैसी प्रॉपर्टी तय की जा सकती हैं. प्रॉपर्टी और उनकी वैल्यू देखने के लिए, kDisplayProperties
देखें.
टिनट
यूज़र इंटरफ़ेस (यूआई) के बटन, फ़्रेम, और बैकग्राउंड टैब जैसे हिस्सों पर टिनट लागू किए जा सकते हैं. Google Chrome में इमेज के बजाय, टिन्ट का इस्तेमाल किया जा सकता है. ऐसा इसलिए है, क्योंकि इमेज सभी प्लैटफ़ॉर्म पर काम नहीं करतीं और नए बटन जोड़ने में समस्या आती है. "tints" फ़ील्ड में इस्तेमाल की जा सकने वाली स्ट्रिंग ढूंढने के लिए, kTintTable
देखें.
टिनट, ह्यू-सैचुरेशन-लाइटनेस (एचएसएल) फ़ॉर्मैट में होते हैं. इनमें 0 से 1.0 के बीच के फ़्लोटिंग-पॉइंट नंबर का इस्तेमाल किया जाता है:
- ह्यू एक ऐसी वैल्यू है जो 0 से 1 के बीच होती है. 0 का मतलब है कि रंग लाल है और 1 का मतलब है कि रंग हरा है.
- संचरण, फ़िलहाल दी गई इमेज के हिसाब से होता है. 0.5 का मतलब है कि कोई बदलाव नहीं, 0 का मतलब है कि पूरी तरह से डिससैच्युरेट किया गया, और 1 का मतलब है कि पूरी तरह से सैच्युरेट किया गया.
- हल्कापन भी सापेक्ष होता है. 0.5 का मतलब है कि कोई बदलाव नहीं, 0 का मतलब है कि सभी पिक्सल काले हैं, और 1 का मतलब है कि सभी पिक्सल सफ़ेद हैं.
इसके अलावा, कोई बदलाव नहीं बताने के लिए, किसी भी एचएसएल वैल्यू के लिए -1.0
का इस्तेमाल किया जा सकता है.