हम क्या करने जा रहे हैं?
हम Firefox UI को पहले जैसा दिखाने के लिए एक कस्टम CSS स्टाइल बनाएंगे। सार में, Firefox UI को स्टाइल किया जा सकता है, ठीक किसी भी वेब पेज की तरह। यह Firefox प्रोफ़ाइल फ़ोल्डर में userChrome.css फ़ाइल में CSS घोषणाएं जोड़कर किया जाता है।
अब, मैं कोई अग्रणी नहीं हूँ। इस महत्वपूर्ण आवश्यकता का उत्तर पहले ही Mozilla समर्थन साइट पर दिया जा चुका है। लेकिन वहां के कोड स्निपेट को कुछ समायोजन की आवश्यकता है, साथ ही मैं इसे अतिरिक्त सरल और स्पष्ट बनाना चाहता हूं कि उपयोगकर्ताओं को पुराना लुक वापस पाने के लिए क्या करने की आवश्यकता है।
userChrome.css सक्षम करें
सबसे पहले, हमें Firefox को "बताना" होगा कि उपयोगकर्ता-निर्मित CSS परिवर्तनों का सम्मान करें:
- Firefox 68 और नीचे में, आपको कुछ भी करने की आवश्यकता नहीं है।
- Firefox 69 और ऊपर में, about:config पर जाएं, निम्नलिखित सेटिंग ढूंढें और इसे false से true में बदलें:
toolkit.legacyUserProfileCustomizations.stylesheets
फिर, अपने Firefox प्रोफ़ाइल फ़ोल्डर पर जाएं। Windows में, आमतौर पर:
C:\Users\"username"\AppData\Roaming\Mozilla\Firefox\"profile"
और लिनक्स में, आमतौर पर:
/home/"user"/.mozilla/firefox/"profile"
यदि आपको किसी उदाहरण की आवश्यकता है, तो मेरे Plasma & HD स्केलिंग लेख या Firefox पिन्ड टैब गाइड पर एक नज़र डालें।
- इस फ़ोल्डर में, chrome नामक एक फ़ोल्डर बनाएं (लोअरकेस)।
- chrome फ़ोल्डर के अंदर, userChrome.css नामक एक खाली टेक्स्ट फ़ाइल बनाएं (लोअर/अपरकेस का ध्यान रखें)।
एड्रेस बार स्टाइल जोड़ें
अगला कदम userChrome.css फ़ाइल में कंटेंट जोड़ना है। निम्नलिखित टेक्स्ट कॉपी करें - यह सीधे ऊपर दिए गए समर्थन थ्रेड से आता है। कृपया ध्यान दें कि यह पर्याप्त नहीं हो सकता है, लेकिन मैं आपको सब कुछ चरण दर चरण दिखाना चाहता हूं, ताकि यदि आपको आवश्यकता हो तो फ़ाइल को बदलने में आपको अधिक आत्मविश्वास हो।
@namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* केवल एक बार आवश्यक */
#urlbar[breakout],
#urlbar[breakout][breakout-extend] {
--urlbar-height: 28px !important;
--urlbar-toolbar-height: 30px !important;
width: 100% !important;
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container,
#urlbar-input-container {
height: var(--urlbar-height) !important;
width: 100% !important;
padding-block: unset !important;
padding-inline: unset !important;
transition: none !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: 0 1px 4px rgba(0,0,0,.05) !important;
animation: none !important;
}
फ़ाइल सहेजें, Firefox पुनरारंभ करें।
परिणाम, बस थोड़ा सा बंद
मेरा टेस्ट दिखाता है कि उपरोक्त कोड स्निपेट थोड़ा कम आदर्श लेआउट देता है। जैसा कि आप देख सकते हैं, एड्रेस बार "बहुत ऊंचा" बैठता है - यह लंबवत रूप से केंद्रित नहीं है। शीर्ष और नीचे के मार्जिन गलत हैं।
CSS, दूसरा परिवर्तन
हमें बस CSS में उपयोग किए गए डिफ़ॉल्ट मानों को थोड़ा समायोजित करने की आवश्यकता है। अर्थात्, हमें यूआरएलबार ऊंचाई और टूलबार ऊंचाई को ट्वीक करने की आवश्यकता है। शीर्ष मार्जिन की गणना तब इन दो मानों के बीच अंतर (डेल्टा) के आधे के रूप में की जाती है। आप मैन्युअली शीर्ष मान को भी बदल सकते हैं।
#urlbar[breakout],
#urlbar[breakout][breakout-extend] {
--urlbar-height: 28px !important;
--urlbar-toolbar-height: 30px !important;
मैंने कुछ परीक्षण और त्रुटि परीक्षण किया, और मेरे लिए 38px की टूलबार ऊंचाई काम करती है:
#urlbar[breakout],
#urlbar[breakout][breakout-extend] {
--urlbar-height: 28px !important;
--urlbar-toolbar-height: 38px !important;
और फिर, शीर्ष मार्जिन, आप डिफ़ॉल्ट गणना से जो चाहें बदल सकते हैं:
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
उदाहरण के लिए, यह कुछ इस तरह हो सकता है:
top: 5px !important;
!important ओवरराइड का उपयोग, एह, महत्वपूर्ण है - ताकि Firefox इसका उपयोग करे न कि अपने डिफ़ॉल्ट सेट का।
अंतिम लुक, जैसा होना चाहिए
और हमारे पास हमारी समझदारी और तर्क और बुद्धि वापस आ गई है:
निष्कर्ष
और वहां जाते हैं। काम पूरा हुआ। वर्षों से, मुझे सामान्य ब्राउज़र व्यवहार प्राप्त करने के लिए कस्टम CSS का उपयोग करने के लिए मजबूर किया गया है। यह एक खतरनाक प्रवृत्ति है। लेकिन मुझे लगता है कि यह अपरिहार्य है, क्योंकि अधिक से अधिक कंपनियां लगातार बढ़ते उप-100IQ भीड़ के लिए बेकार उत्पाद मंथन कर रही हैं। और किसी भी अच्छे कार्यात्मक कारण के लिए नहीं। बस परिवर्तन के लिए परिवर्तन। और अक्सर कुछ छद्म-आधुनिक जो पूरी तरह से स्वीकार्य और वैज्ञानिक रूप से सिद्ध और परीक्षण किए गए समाधानों को बर्बाद कर देता है।
मुझे आशा है कि आप इस छोटे लेख को मूल्यवान पाएंगे। आप इसे तुरंत Firefox 75 में उपयोग कर सकते हैं, या Firefox 77 के हिट होने तक प्रतीक्षा कर सकते हैं, और फिर परिवर्तन करें - और इस बीच कॉन्फ़िगरेशन ओवरराइड का उपयोग करें। फिर भी, इस सब बकवास के बावजूद, कम से कम टेक्नी के लिए सामान्य, उत्पादक लेआउट वापस पाने का एक तरीका है। लेकिन कौन जानता है कि भविष्य क्या रखता है। Firefox, कृपया बाकी की तरह मत बनो। खैर वहां जाते हैं। मिशन पूरा हुआ। अगर आप मुझे धन्यवाद देना चाहते हैं, तो मुझे भव्य उपहार खरीदें और प्रशंसा भेजें। पर्दा।
चीयर्स।
