थीम क्या होती हैं?

थीम एक खास तरह का एक्सटेंशन होती है, जो ब्राउज़र के दिखने का तरीका बदलती है. थीम, सामान्य एक्सटेंशन की तरह पैकेज की जाती हैं. हालांकि, इनमें JavaScript या एचटीएमएल कोड नहीं होता.

थीम को एक्सटेंशन की तरह ही इस्तेमाल करके, Chrome Web Store पर अपलोड किया जाता है. अपलोड करने के दौरान, आपसे एक कैटगरी चुनने के लिए कहा जाएगा. आपको Chrome Web Store के दस्तावेज़ में, सबसे सही तरीके में थीम कैटगरी की सूची मिलेगी.

आपको Chrome Web Store पर कई थीम ढूंढने और उन्हें आज़माने का विकल्प मिलता है.

मेनिफ़ेस्ट

यहां थीम के लिए 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 पर रंगों का इस्तेमाल किया जा सकता है, इमेज का नहीं. इसकी वजह यह है कि इमेज, सभी प्लैटफ़ॉर्म पर काम नहीं करतीं. साथ ही, नए बटन जोड़ने के मामले में इमेज काफ़ी आसानी से काम नहीं करतीं. "टिंट" फ़ील्ड में इस्तेमाल की जा सकने वाली स्ट्रिंग ढूंढने के लिए, kTintTable देखें.

टिंट, Hue-Saturation-Lightness (HSL) फ़ॉर्मैट में होते हैं और फ़्लोट करने वाले उन नंबर का इस्तेमाल किया जाता है जिनकी रेंज 0 से 1.0 के बीच होती है:

• Hue एक निरपेक्ष वैल्यू है. इसमें 0 और 1 लाल रंग में होते हैं.
• संतृप्तता, मौजूदा इमेज के हिसाब से होती है. 0.5 का मतलब है कोई बदलाव नहीं, 0 का मतलब है पूरी तरह सैचुरेशन, और 1 पूरी तरह से सैचुरेशन है.
• लाइटनेस भी अलग-अलग होती है. इसमें 0.5 का मतलब कोई बदलाव नहीं, 0 की वैल्यू सभी पिक्सल ब्लैक, और 1 का मतलब सभी पिक्सल सफ़ेद होता है.

कोई बदलाव नहीं दिखाने के लिए, किसी भी एचएसएल वैल्यू के लिए, -1.0 का इस्तेमाल किया जा सकता है.