फ़ायरफ़ॉक्स 91 जारी किया गया है। क्या आप इसका मतलब जानते है? इसका मतलब है कि अब आप प्रोटोन इंटरफेस को अबाउट:कॉन्फिग के जरिए डिसेबल नहीं कर सकते। यह बात क्यों है, तुम पूछते हो? क्योंकि प्रोटॉन चूसता है। समीक्षा में इतनी जल्दी मेरे संदेश की गंभीरता के बारे में भ्रमित लोगों के लिए, आइए पुनर्कथन करें। कुछ समय पहले, मोज़िला ने घोषणा की कि यह बदल जाएगा - एक बार फिर - फ़ायरफ़ॉक्स यूआई। इस बार, इसे प्रोटॉन कहा जाता है।
मैंने आपको दिखाया कि यह चीज़ कैसी दिखती है - और यह अच्छी नहीं लगती। लेकिन फिर, फ़ायरफ़ॉक्स 89 में वापस, प्रोटॉन आधिकारिक हो गया, आप बस इसे बंद कर सकते हैं और उत्पादकता और दक्षता का आनंद लेते हुए अपने प्रिय जीवन के साथ आगे बढ़ सकते हैं। हालांकि, अब यह कोई विकल्प नहीं है। इसलिए यदि आप बेकार, कम-विपरीत हिपस्टरोलॉजी के साथ नहीं रखना चाहते हैं, तो मैं आपको उन परिवर्तनों का सेट दिखाऊंगा जिनका उपयोग आप प्रोटॉन के बेकार पहलुओं को कम करने या हटाने के लिए कर सकते हैं, और समझदार ब्राउज़िंग पर वापस जा सकते हैं। मेरे बाद।
समस्या सामने है
हमने इस बारे में बात की, लेकिन हमें कुछ और बात करने की जरूरत है। उस बेकार को देखो, ग्रे ऑन ग्रे बकवास। एक टैब कहाँ से शुरू होता है? यह कहाँ समाप्त होता है? क्या यह एक टैब भी है? 80 और 90 के दशक में पुराने बड़े फोल्डर में इस्तेमाल किए जाने वाले कलर टैब को याद रखें, पेज और क्या नहीं चिह्नित करने के लिए? अब अदृश्य टैब की कल्पना करें! दुह! एर्गोनोमिक्स!
सामग्री
आप काफी कुछ कर सकते हैं। लेकिन चलिए धीरे-धीरे शुरू करते हैं। सबसे पहले, आपको आज के कार्य की प्रकृति को समझने की आवश्यकता है। चूंकि बिल्ट-इन कॉन्फ़िगरेशन ट्वीक्स अब संभव नहीं हैं, इसलिए हमें गहराई तक जाने की आवश्यकता है। आप सीएसएस नियमों के एक कस्टम सेट का उपयोग करके फ़ायरफ़ॉक्स के रूप को बदल सकते हैं, ठीक वैसे ही जैसे कोई वेब पेज को संपादित करने के बारे में होगा - वास्तव में, अधिकांश आधुनिक ब्राउज़र खुद को वेब पेजों की तरह ही स्टाइल करते हैं। मैंने आपको पहले ही अपने प्लाज़्मा और एचडी ट्यूटोरियल, पिन किए गए टैब गाइड और ट्यूटोरियल में दिखाया है कि यूआरएल बार को सही कैसे बनाया जाए - यह आज के हमारे काम की आधार रेखा है।
पहले, कस्टम उपयोगकर्ता-निर्मित CSS ओवरराइड्स का उपयोग करने के लिए विकल्पों को सक्षम करें। एक नया टैब खोलें, इसके बारे में टाइप करें:कॉन्फिगर करें, और फिर निम्नलिखित वरीयता खोजें:
toolkit.legacyUserProfileCustomizations.stylesheets
इस सेटिंग को सही पर टॉगल करें। फिर, अपने फ़ायरफ़ॉक्स प्रोफ़ाइल फ़ोल्डर पर जाएँ। विंडोज में, आमतौर पर:
C:\Users\"username"\AppData\Roaming\Mozilla\Firefox\"profile"
और Linux में, आम तौर पर:
/home/"user"/.mozilla/firefox/"profile"
इस फ़ोल्डर में, क्रोम (लोअरकेस) नामक फ़ोल्डर बनाएं (यदि यह पहले से मौजूद नहीं है)। क्रोम फोल्डर के अंदर, (यदि यह मौजूद नहीं है) एक खाली टेक्स्ट फाइल बनाएं, जिसे userChrome.css कहा जाता है (लोअर / अपरकेस को ध्यान में रखें)। हम इस फ़ाइल में बहुत सारे टेक्स्ट जोड़ेंगे।
प्रोटॉन नियम
अब, हमें कई नियम जोड़ने की आवश्यकता है जो फ़ायरफ़ॉक्स व्यवहार को बदल देंगे। सबसे अधिक आक्रामक तत्व नया टैब व्यवहार है, जिसमें अत्यधिक बड़े टैब, फीके कंट्रास्ट, और सक्रिय और निष्क्रिय टैब और पृष्ठभूमि टैब बार स्ट्रिप के बीच लगभग कोई अलगाव नहीं है। यह वह जगह है जहां चीजें मुश्किल हो जाती हैं, क्योंकि सीएसएस नियमों का एक निश्चित सेट नहीं है जिसका आप उपयोग कर सकते हैं। कुछ विकल्प:
- क्लासिक लुक और यूआई को पुनर्स्थापित करने के तरीके पर वीजी गाइड पूछें - सबसे सरल गाइड, और यहां मेरे काम की आधार रेखा।
- प्रोटॉन को फोटॉन कॉम्पैक्ट में वापस लाने के लिए गिटहब प्रोजेक्ट।
- प्रोटॉन के कुछ पहलुओं को संशोधित करने के लिए गिटहब परियोजना।
- GitHub प्रोजेक्ट क्लासिक लुक का उपयोग करने के लिए (प्रोटोन से बहुत अधिक है)।
- Firefox 89 Proton UI इंटरैक्टिव स्टाइलर - आपको सभी प्रकार की चीज़ें बदलने देता है + लाइव पूर्वावलोकन।
आइए AskVG मार्गदर्शिका से प्रारंभ करें। UserChrome.css में, निम्न कोड जोड़ें:
.टाइटलबार-रंग {
रंग:-मोज़-एक्सेंट-रंग-अग्रभूमि;
बैकग्राउंड-कलर:-मोज़-एक्सेंट-कलर;
}
.tab-background {
Border-radius:0px 0px !important;
मार्जिन-बॉटम:0px !महत्वपूर्ण;
}
.tabbrowser-tab:not([selected="true"]):not([multielected="true"]) .tab-background {
background- रंग:रंग-मिश्रण (एसआरजीबी में, वर्तमान रंग 5%, पारदर्शी);
}
menupopup>
menu, menupopup>
menuitem {
पैडिंग-ब्लॉक:2px !important;
}
:root {
--arrowpanel-menuitem-padding:2px !important;
}
यह आपको काफी अच्छा लुक देगा - एक्टिव टैब में एक बॉर्डर होगा, बैकग्राउंड वाले नहीं होंगे। हालाँकि, आपके पास मानक प्रोटॉन की तुलना में बेहतर कंट्रास्ट होगा। मुझे यह पर्याप्त लगा, लेकिन फिर मैंने कुछ और संशोधन करने का फैसला किया।
बैकग्राउंड टैब बॉर्डर
अगर आप चाहते हैं कि बैकग्राउंड टैब में भी बॉर्डर हों, तो आप निम्नलिखित जोड़ सकते हैं:
.tabbrowser-tab:not([selected="true"])> .tab-stack> .tab-बैकग्राउंड {
बॉर्डर:1px सॉलिड rgba(130, 130, 130, 0.5) !important;
}
यह 50% पारदर्शिता पर हल्के भूरे रंग के 1px ठोस बॉर्डर के साथ पृष्ठभूमि टैब सेट करेगा। आप अपनी पसंद के किसी भी रंग या पारदर्शिता मूल्यों का उपयोग कर सकते हैं। इसके अलावा, कृपया ध्यान दें कि यह क्लॉज कोड के AskVG स्निपेट में परिभाषित क्लॉज के समान है, और आप वास्तव में CSS फ़ाइल में कोड के एक छोटे, अधिक कॉम्पैक्ट सेक्शन के लिए नियमों को जोड़ सकते हैं। हालाँकि, यदि आप निश्चित नहीं हैं कि क्या करना है, तो अतिरिक्त पंक्तियों को अलग से जोड़ें। कोई विरोध नहीं है, क्योंकि नियम स्तरित हैं।
फोरग्राउंड टैब बॉर्डर
इसी तरह, आप ओसीडी के लिए सक्रिय टैब को भी ट्वीक कर सकते हैं:
.tabbrowser-tab[selected="true"] .tab-बैकग्राउंड {
बॉर्डर-लेफ्ट:1px सॉलिड rgba(130, 130, 130, 0.5) !important;
बॉर्डर-राइट:1px सॉलिड आरजीबीए(130, 130, 130, 0.5) !महत्वपूर्ण;
}
टैब एक्सेंट कलर
आप यह सुनिश्चित कर सकते हैं कि सक्रिय टैब हाइलाइट और दृश्यमान है, इसे अन्य टैब से अलग करने के लिए:
.tabbrowser-tab[selected="true"] .tab-बैकग्राउंड {
बॉर्डर-टॉप:3px सॉलिड #3daee9 !important;
यदि आप चाहें, तो आप उपरोक्त परिभाषा में केवल अतिरिक्त पंक्ति जोड़ सकते हैं। मेरे उदाहरण में, मैंने डेस्कटॉप रंग योजना से मिलान करने के लिए एक्सेंट रंग सेट किया है। रंग कोड #3daee9 इस विशेष उदाहरण में प्लाज़्मा डेस्कटॉप द्वारा उपयोग किया जाने वाला उच्चारण रंग है। आप सिस्टम एक्सेंट रंग का उपयोग कर सकते हैं - जैसा कि टाइटलबार CSS नियम में परिभाषित किया गया है:
बॉर्डर-टॉप:3px सॉलिड -मोज़-एक्सेंट-कलर-फोरग्राउंड !महत्वपूर्ण;
टैब बार की ऊंचाई
यदि आप टैब को छोटा करना चाहते हैं - पुराने कॉम्पैक्ट मोड के समान, तो आप निम्न नियम जोड़ सकते हैं:
.toolbar-items, .tabbrowser-tab {
max-height:38px;
}
:root[uidensity=touch] .toolbar-items, .tabbrowser-tab {
max-height:45px;
}
आप मानों को अपनी पसंद की किसी भी चीज़ में संशोधित कर सकते हैं, उदाहरण के लिए max-height:28px; या इसी के समान। स्पर्श खंड वैकल्पिक है। किसी भी घनत्व (ऊंचाई) के साथ जाएं जो आपके लिए काम करे।
कंटेनर टैब का रंग
फ़ायरफ़ॉक्स 91 भी कंटेनर टैब को धुंधला दिखता है और सामान्य टैब से अलग करना मुश्किल होता है। इसलिए मैंने थोड़ा रंग [एसआईसी] पेश करने का फैसला किया। कई विकल्प हैं, और अब तक, आपको आवश्यक परिवर्तन करने में थोड़ा अधिक सहज महसूस करना चाहिए। मैं पूरी तरह से रंगीन टैब के लिए गया जो कंटेनर रंग से मेल खाता है, साथ ही अच्छी सीमाएं, इसलिए मेरे ओसीडी राक्षसों को जागने की जरूरत नहीं है:
.tabbrowser-tab[usercontextid] .tab-background {
background:var(--identity-tab-color) !important;
बॉर्डर-लेफ्ट:1px सॉलिड आरजीबीए(130, 130, 130, 0.5) !महत्वपूर्ण;
बॉर्डर-राइट:1px सॉलिड आरजीबीए(130, 130, 130, 0.5) !महत्वपूर्ण;
बॉर्डर-बॉटम:var(--identity-tab-color) !important;
अपारदर्शिता:0.8 !महत्वपूर्ण;
}
प्रत्येक टैब अपने स्वयं के पहचान रंग (var क्लॉज द्वारा परिभाषित) का उपयोग करता है, निचला बॉर्डर पहचान रंग से मेल खाता है इसलिए टैब टैब बार में अच्छी तरह से मिश्रित होता है, और साइड बॉर्डर साधारण टैब की तरह होते हैं। मैंने विभिन्न विकल्पों की कोशिश की। उदाहरण के लिए, मैंने 20% और 80% अपारदर्शिता दोनों विकल्पों की कोशिश की। बुद्धि के लिए:
और अब, आपका Firefox बहुत बेहतर दिखता है! एक और पागल सा उदाहरण:
अतिरिक्त सौंदर्य प्रसाधन
आप और भी बहुत कुछ कर सकते हैं। मैंने एड्रेस बार में जूम बटन को भी ट्वीक किया, क्योंकि पैडिंग कभी बहुत कम थी, और हमारे पास कोई दुष्ट पिक्सेल नहीं हो सकता, अब हम कर सकते हैं। लेकिन हमें यहां एक उच्च नोट पर समाप्त होना चाहिए।
#urlbar-zoom-button {
पैडिंग-टॉप:0px !important;
}
निष्कर्ष
हम वहाँ चलें। आज, मैं आपको यह दिखाने में सक्षम था कि फ़ायरफ़ॉक्स 91 में पेश किए गए कुछ बेकार "आधुनिक" यूआई परिवर्तनों को कैसे पूर्ववत किया जाए। जब तक फ़ायरफ़ॉक्स में सीएसएस ओवरराइड है, तब तक आशा है। अपने सॉफ़्टवेयर से लड़ना मज़ेदार नहीं है, लेकिन कम से कम आपके पास कम-बुद्धि वाले सामान से छुटकारा पाने और अपनी उत्पादकता और दक्षता बनाए रखने का विकल्प है। ऊपर उल्लिखित सीएसएस नियमों के साथ, फ़ायरफ़ॉक्स 91, और इससे भी महत्वपूर्ण बात, फ़ायरफ़ॉक्स 91 ईएसआर, निकट भविष्य के लिए अपेक्षाकृत सभ्य और प्रयोग करने योग्य दिख सकता है।
अब से एक या दो साल बाद क्या होगा? कौन जाने। मेरा अभी भी मानना है कि फ़ायरफ़ॉक्स आपका डिफ़ॉल्ट ब्राउज़र होना चाहिए, मोज़िला टीम द्वारा इसमें ढेर सारी बकवास होने के बावजूद, लेकिन मुझे यकीन नहीं है कि मैं कितने समय तक उस स्थिति को बनाए रख पाऊंगा। किसी बिंदु पर, फ़ायरफ़ॉक्स अपने प्रतिद्वंद्वियों की दृश्य कुरूपता और अनुपयोगिता के स्तर तक पहुँच सकता है। मुझे नहीं पता कि मैं क्या करने जा रहा हूं, क्योंकि मैं इंटरनेट का उपयोग नहीं करना चाहता जब क्रोमियम-आधारित ब्राउज़र ही मेरा एकमात्र विकल्प है। वेब से बाहर निकलें? यह एक समाधान हो सकता है। ठीक है, हमें आज उस कठिन चुनाव का सामना करने की आवश्यकता नहीं है। सीएसएस ट्वीक्स किए गए। इंटेलिजेंस 1, हिप्स्टरोलॉजी 0. अंत।
चीयर्स।