पूरी साइट के लिए थीम का रंग तय करने के लिए, वेब ऐप्लिकेशन मेनिफ़ेस्ट का इस्तेमाल करना

Chrome ने 2014 में आपकी साइट के लिए, थीम कलर का कॉन्सेप्ट लॉन्च किया था. थीम का रंग, आपके वेब पेज से मिलने वाला संकेत है. इससे ब्राउज़र को पता चलता है कि पता बार जैसे यूज़र इंटरफ़ेस (यूआई) एलिमेंट को किस रंग का रंग बदलना है.

उदाहरण के लिए, नीचे इस साइट में थीम का रंग लागू किया गया है और इसके बिना भी किया गया है.

थीम का रंग
थीम का रंग

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

Chrome 46 (बीटा वर्शन सितंबर 2015) से, अपने मेनिफ़ेस्ट में theme_color एट्रिब्यूट जोड़ने से, होम स्क्रीन से साइट लॉन्च होने के दौरान उपयोगकर्ता आपके डोमेन पर आने वाले हर पेज पर अपने-आप रंग लागू कर देगा.

अगर आपके पेज में पहले से ही थीम-रंग वाला मेटा टैग है — उदाहरण के लिए, <meta name="theme-color" content="#2196F3"> — तो मेनिफ़ेस्ट में दी गई वैल्यू के बजाय, पेज लेवल के कॉन्फ़िगरेशन का इस्तेमाल किया जाएगा.

इसके लिए, अपने मेनिफ़ेस्ट में theme_color एट्रिब्यूट जोड़ें और एचटीएमएल कलर सेट करें.

    "theme_color": "#2196F3"

इसे काम करने के तरीके के तौर पर देखने के लिए, Airborner — The World के सबसे अच्छे एयरहॉर्न पर जाएं और इसे अपनी होम स्क्रीन पर जोड़ें. या साइट का मेनिफ़ेस्ट देखें.

अक्सर पूछे जाने वाले सवाल

  • अगर मेरी साइट होम स्क्रीन से लॉन्च नहीं हुई है, तो क्या यह लागू होगा?
    हां.
  • क्या यह कभी मेरी पूरी साइट पर लागू होगा, जैसे कि जब वे लोग सिर्फ़ ब्राउज़ कर रहे हों?
    इस समय ऐसा करने की संभावना नहीं है. इसका मतलब यह है कि ब्राउज़र को मेनिफ़ेस्ट को बार-बार डाउनलोड करना होगा और फ़िलहाल यह कम प्राथमिकता वाली एसेट है. जब उपयोगकर्ता साइट को होम स्क्रीन पर जोड़ता है, तब इसे पार्स करने के लिए तैयार किया जाता है.