फ़ायरफ़ॉक्स फार्म इनपुट तत्वों के लिए सिस्टम शैली को अक्षम करें

Question

मैं लुबंटू में एक अंधेरे विषय का उपयोग करता हूं जिसे डोरियन कहा जाता है । मैं इसके साथ काफी खुश हूं। हालाँकि, फ़ायरफ़ॉक्स अपने फार्म इनपुट तत्वों के लिए कुछ सिस्टम रंगों को विरासत में मिला रहा है, जिससे उन्हें देखना बहुत मुश्किल है।

उदाहरण के लिए:

यदि मैं अग्रभूमि का रंग बदलता हूं, तो मुझे टेक्स्टबॉक्स की पृष्ठभूमि का रंग भी बदलना चाहिए, जो अब ठीक है, लेकिन हल्का-गहरा है।

मैं इसे कई तरीकों से हल करने की कल्पना कर सकता हूं:

1. परिवर्तनों को उलटने के लिए फ़ायरफ़ॉक्स के लिए एक कस्टम स्टाइल शीट जोड़ें। (मैं स्टाइलिश का उपयोग करता हूं , इसलिए इसे लागू करना तुच्छ है। हालांकि, फार्म तत्वों के साथ सीएसएस मुश्किल लगता है।)
2. डोरियन के लिए संशोधन (मुझे लगता है कि आप विशेष कार्यक्रमों के लिए GTK विषय को अनुकूलित कर सकते हैं।)
3. Ubuntu-Firefox- संशोधनों फ़ायरफ़ॉक्स addon अक्षम करें ।
4. इनपुट तत्वों के लिए सिस्टम रंगों को लोड करने से रोकने के लिए फ़ायरफ़ॉक्स में एक सेटिंग खोजें।
5. फ़ायरफ़ॉक्स के लिए डोरियन थीम स्थापित करें । (मैं इस बारे में अनिच्छुक हूं, क्योंकि डोरियन सक्रिय रूप से अपडेट नहीं है, और फ़ायरफ़ॉक्स लगातार है।)

बेशक, मैं उन अन्य समाधानों का भी स्वागत करता हूं जिनके बारे में मैंने नहीं सोचा था।

Comments

पुन। "हालांकि, फार्म तत्वों के साथ सीएसएस मुश्किल लगता है" आप परेशानी वाले तत्वों पर राइट-क्लिक करके और संदर्भ मेनू से "निरीक्षण तत्व" चुनकर मार्गदर्शन प्राप्त कर सकते हैं।

— DK बोस

Answer 1

CSS- आधारित समाधान सही पाने के लिए मुश्किल हैं, मेरे अनुभव में। माइकल के जवाब में एक ने कुछ साइटों पर काम किया लेकिन सभी नहीं।

फ़ायरफ़ॉक्स 60 में, एक आसान समाधान है। about:configनिम्न स्ट्रिंग मान पर जाएँ और सेट करें: widget.content.gtk-theme-override=Adwaita:light

(आपको राइट-क्लिक करना होगा और नई -> स्ट्रिंग का चयन करना gtk-theme-overrideहोगा । खोजने से कुछ नहीं मिलेगा क्योंकि सेटिंग डिफ़ॉल्ट रूप से नहीं है।)

मार्टिन स्ट्रैन्स्की का श्रेय: https://bugzilla.mozilla.org/show_bug.cgi?id=1283086cc7

Comments

बहुत सारी फ़ायरफ़ॉक्स सेटिंग्स के विपरीत, मुझे प्रभावी होने के लिए फ़ायरफ़ॉक्स को पुनः आरंभ करना पड़ा। तो चिंता मत करो अगर यह तुरंत प्रभाव नहीं लेता है। हालांकि सही काम करता है!

— ब्रायन हेड

केडीई उपयोगकर्ता इस मान को केडीई थीम के नाम पर सेट कर सकते हैं, जैसे "हवा" या "ऑक्सीजन"।

— पिस्तोस

Answer 2

आप डार्क कंट्रास्ट एक्सटेंशन के लिए टेक्स्ट कंट्रास्ट को आजमा सकते हैं ।

इसके अलावा, यह पुराने सीएसएस समाधान अभी भी काम करने लगता है, हालांकि शायद यही आप अभी उपयोग कर रहे हैं।

Comments

दूसरा लिंक ("सीएसएस समाधान") अब काम नहीं कर रहा है। आप सीएसएस समाधान पर विस्तृत कर सकते हैं? क्या एक्सटेंशन के उपयोग के बिना फ़ायरफ़ॉक्स के वैश्विक, उपयोगकर्ता एजेंट स्टाइलशीट को बदलना संभव है?

— माइकल मार्टिन-स्मकर

क्षमा करें, मुझे नहीं पता। मैंने क्रोम पर स्विच किया क्योंकि मुझे कई बार फ़ायरफ़ॉक्स की स्टाइल क्वर्की लगती थी, खासकर एक डार्क डेस्कटॉप पर।

— Redsandro

मुझे यह पसंद है क्योंकि यह मुझे यह चुनने की अनुमति देता है कि मैं किन साइटों के लिए मानक रंगों को मजबूर करना चाहता हूं

— smac89

Answer 3

मैं एक डार्क थीम (Adapta Nokto) का भी उपयोग करता हूं, और मैंने कुछ वेबसाइटों में भी चलाया है जो इनपुट में टेक्स्ट का रंग बदलते हैं, लेकिन यह मानते हैं कि पृष्ठभूमि का रंग सफेद होगा (पूरी तरह से अपठनीय पाठ के लिए अग्रणी)।

मैंने CSS विकल्प की खोज की, और किसी भी ब्राउज़र एक्सटेंशन की आवश्यकता के बिना डिफ़ॉल्ट उपयोगकर्ता शैलियों को स्थापित करने का यह स्पष्टीकरण पाया । सारांश:

1. आपके फ़ायरफ़ॉक्स प्रोफ़ाइल को userContent.cssसही जगह पर एक फ़ाइल की आवश्यकता होगी । आप इसे इस तरह से बना सकते हैं:

   • निर्देशिकाओं को अपने फ़ायरफ़ॉक्स प्रोफ़ाइल में बदलें:
     cd ~/.mozilla/firefox/<your profile>/
   • यदि यह मौजूद नहीं है, तो "क्रोम" निर्देशिका बनाएं
     mkdir chrome
   • इस नई निर्देशिका में एक सीएसएस फ़ाइल बनाएँ
     touch chrome/userContent.css

2. userContent.cssआधार-शैली को शामिल करने के लिए नव-निर्मित फ़ाइल को संपादित करें जिसे आप सभी पृष्ठों पर लागू करना चाहते हैं।

3. परिवर्तनों को देखने के लिए फ़ायरफ़ॉक्स पुनः आरंभ करें।

शुरुआत के लिए, मैंने इसे अपनी CSS फ़ाइल में जोड़ा:

input, textarea {
  background-color: #fff;
  color: #222;
}

यह सीएसएस के साथ कुछ परिचित मानता है। यदि यह आपके लिए नया है, तो यह कह रहा है:

• पृष्ठ पर सभी तत्व inputऔर textareaतत्व खोजें
• पृष्ठभूमि को सफेद बनाओ (सफेद के #fffलिए एक हेक्स कोड शॉर्टहैंड है)
• पाठ का रंग गहरा सलेटी करें ( #222)

ऐसे कई अन्य तत्व हैं जिनकी आप स्टाइल करना पसंद कर सकते हैं, जैसे buttonऔर select, और आप अपने इनपुट्स के साथ और अधिक विशिष्ट प्राप्त कर सकते हैं, जैसे input[type=checkbox]।

यह आपके सिस्टम थीम के उपयोग को बिल्कुल अक्षम नहीं करता है, लेकिन यह कम से कम आपको इसे ओवरराइड करने और उन डिफ़ॉल्ट के साथ वेबसाइट प्रदान करने की अनुमति देता है जो वे अपेक्षा के करीब हैं।