theme_color बनाम background_color (Manifest)
एक web app manifest में, theme_color आपके इंस्टॉल किए गए app के इर्द-गिर्द operating-system UI को रँगता है (status bar और title क्षेत्र) जबकि background_color उस splash screen को रँगता है जो app के लोड होते समय, आपके CSS के लागू होने से पहले, दिखती है। ये अलग-अलग क्षणों के लिए अलग-अलग fields हैं। <meta name="theme-color"> tag एक सामान्य browser tab के लिए theme_color का काम करता है।
दो रंग, दो क्षण
theme_color तब दिखता है जब आपका app चल रहा हो: OS इसका उपयोग window के इर्द-गिर्द chrome को रँगने के लिए करता है, जैसे status bar और title क्षेत्र। background_color पहले दिखता है। यह उस splash screen का सपाट रंग है जिसे OS तब draw करता है जब app अब भी लोड हो रहा हो, आपके किसी भी CSS के लागू होने से पहले।
background_color को लगभग अपने page के background पर सेट करना launch को निर्बाध महसूस कराता है; इसे डिफ़ॉल्ट छोड़ना आपके app के paint होने से पहले एक सफ़ेद flash देता है।
कौन-सा क्या है
| Field | यह कब दिखता है | यह क्या रँगता है |
|---|---|---|
| theme_color | App चल रहा हो | OS UI, status bar |
| background_color | launch के दौरान | Splash screen |
Manifest रंग FAQ
theme_color और background_color में क्या फ़र्क़ है?
theme_color एक चल रहे इंस्टॉल किए गए app के इर्द-गिर्द OS UI को रँगता है; background_color वह splash-screen रंग है जो app के अभी लॉन्च होते समय दिखता है। अलग surfaces, अलग क्षण।
मेरी PWA splash screen का रंग ग़लत क्यों है?
वह रंग manifest में background_color से आता है। इसे अपने app के background से मेल खाने के लिए सेट करें ताकि आपके CSS के लोड होने से पहले कोई झटकेदार flash न हो।
क्या मुझे अब भी meta theme-color tag चाहिए?
हाँ, सामान्य browser tabs के लिए। manifest का theme_color सिर्फ़ इंस्टॉल किए गए app पर लागू होता है। meta tag और manifest मान को समकालिक रखें।