वेबपृष्ठों में सफेद पृष्ठभूमि को दूसरे रंग में बदलें


47

मैं वर्तमान में फ़ायरफ़ॉक्स में एक अंधेरे विषय का उपयोग कर रहा हूं। यह वास्तव में अच्छा लग रहा है, लेकिन कई वेबपेज एक सादे सफेद पृष्ठभूमि का उपयोग करते हैं। परिणामी कंट्रास्ट थोड़ा अप्रिय है और कभी-कभी आंख को दर्द होता है जब मैं एक अंधेरे टैब से एक सफेद टैब पर स्विच करता हूं।

क्या फ़ायरफ़ॉक्स बनाने का एक तरीका है कि सफेद बैकग्राउंड को हर जगह किसी अन्य रंग (हल्के ग्रे, उदाहरण के लिए) से बदल दिया जाए? यह एक स्टाइलिश स्क्रिप्ट, एक userChrome.css हैक या कुछ भी हो सकता है जो काम करता है (अधिमानतः प्रकाश के रूप में संभव है)।

अपने आप को स्पष्ट करने के लिए: मैं अपने उद्देश्य को प्राप्त करने के बाद, जब भी मैं सुपरसुअर साइट पर जाता हूं तो पृष्ठभूमि का रंग सफेद के बजाय हल्के-भूरे रंग का होना चाहिए, और ऐसा ही किसी भी अन्य साइट के साथ होना चाहिए जिसमें सफेद पृष्ठभूमि (Google साइटें, तकनीक क्रंच, आदि) हों। )।

क्या ऐसा करने के लिए कोई रास्ता है?


5
मैं इसके खिलाफ सुझाऊंगा, ज्यादातर वेबसाइटें टेक्स्ट स्टाइल के लिए विभिन्न वर्गों और सीएसएस का बहुत उपयोग करती हैं। जब आपके पास एक काली पृष्ठभूमि और काला पाठ होता है, तो वेब पेज पर स्टाइल के अनुसार क्या होता है? आप किस ओएस का उपयोग करते हैं?
दानिक्स

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

विभिन्न व्यसनी
Wilf

जवाबों:


21

मैंने बस एक त्वरित ग्रिसेमनीकी स्क्रिप्ट लिखी है जो bodyतत्व की गणना की गई शैली की जांच करती है और इसे काले रंग में बदल देती है (आप शायद एक अलग रंग चुनना चाहते हैं):

(function () {
    if (window.getComputedStyle(document.body, null).getPropertyValue("background-color") == "rgb(255, 255, 255)") {
        console.log("Setting new background color...");
        document.body.setAttribute("style", "background-color: #000000;");
    }
})();

इस प्रकार की चीजों के साथ समस्या यह है कि जब तक वेबसाइटों को बहुत अच्छी तरह से डिज़ाइन नहीं किया जाता है, तब तक काले रंग पर सफेद रंग के धब्बे होंगे।


4
मेरी अज्ञानता को क्षमा करें, लेकिन मैं इस लिपि को कहाँ चिपकाऊँ? (परेशानी के लिए धन्यवाद)
मालाबार

@ ब्रूस: ग्रीसेमेक स्थापित करें, * के लिए एक नया उपयोगकर्ता स्क्रिप्ट बनाएं और इसे टेक्स्ट एडिटर में पेस्ट करें। पेज को सेव करें, और रिफ्रेश करें।
हैलो71

ठीक है, यह विधि अब तक का सबसे अच्छा काम करती है। यह टेक्स्टबॉक्स की पृष्ठभूमि और एक जोड़े को अन्य सामान नहीं बदलता है, लेकिन इसके अलावा यह अच्छा है। मुझे लगता है कि कोई भी समाधान वैसे भी आस-पास पड़े कुछ सफेद बक्से को छोड़ देगा। धन्यवाद
मालाबार

डाउनलोड के लिए स्क्रिप्ट तैयार हैं, बस नीचे स्क्रॉल करें।
वेलेंटाइन डे

14

यह एक सही समाधान नहीं है, लेकिन आप ऐसा कर सकते हैं जब भी आप उन साइटों पर जाते हैं जिन्हें आप पृष्ठभूमि बदलना चाहते हैं।

38 से नीचे के फ़ायरफ़ॉक्स में, पर जाएं Tools > Options > Contentऔर Coloursबटन पर क्लिक करें। फ़ायरफ़ॉक्स 38 और उच्चतर में, पर जाएं Edit > Preferences > Contentऔर वहां क्लिक करें Colors

"पृष्ठभूमि" के लिए ग्रे का चयन करें, और "मेरे रंग ऊपर का चयन करें" और "सिस्टम रंगों का उपयोग करें" के बजाय "अपने स्वयं के रंग चुनने की अनुमति दें" के पास स्थित चेकबॉक्स को साफ़ करें।

वैकल्पिक शब्द


यह सबसे आसान होने के लिए एक वोट का हकदार है। यह लगभग हर साइट पर काम करता है। यह आपको पाठ का रंग बदलने के लिए मजबूर करता है, और यह इसे कुछ अन्य तरीकों से थोड़ा नीचा बनाता है।
मालाबार

2
@ ब्रूस कॉनर: सच। दूसरी ओर, ऐसे मामलों में, जब आप बीजी रंग बदलते हैं, तो आपको उचित कंट्रास्ट प्राप्त करने के लिए एफजी रंग भी बदलना होगा। तो पाठ का रंग बदलने के लिए व्यवहार में एक बड़ा दोष नहीं हो सकता है।
21'11

2
यदि आप फ़ायरफ़ॉक्स विकल्प का उपयोग करते हैं जैसे कि यह यहाँ वर्णित है, तो इसे जल्दी से चालू / बंद करने के लिए "नो कलर" जैसे एडऑन का उपयोग करने की अनुशंसा की जाती है (क्योंकि रंग बदलने से कई साइटों पर विभिन्न कीड़े हो जाएंगे)। वैकल्पिक रूप से, Pentadactyl addon का उपयोग किसी भी कुंजी (किसी भी फ़ायरफ़ॉक्स विकल्प toggling सहित) को किसी भी कार्रवाई को निर्दिष्ट करने में सक्षम होने के लिए करें।
कोरविनस

जब पृष्ठभूमि निर्दिष्ट की जाती है तो यह पृष्ठभूमि के रंग को ओवरराइड नहीं करता है
व्लाद

11

मैंने सफेद पृष्ठभूमि को दबाने के लिए एक Greasemonkey (फ़ायरफ़ॉक्स) स्क्रिप्ट को अपडेट किया है।

यदि आप टेम्परमेक स्थापित करते हैं तो स्क्रिप्ट क्रोम में काम करेगी।

http://userscripts-mirror.org/scripts/show/142763

यह कुछ शेडिंग के साथ सभी सफेद पृष्ठभूमि को ग्रे (इश) में बदल देता है। आप जेनेरिक कोड से अपना आधार रंग कॉन्फ़िगर और सेट कर सकते हैं। सफेद के रंगों को भी प्रस्तुत किया गया है।

मेरे पास तीन वेरिएंट हैं: ग्रे , पिंक और ग्रीन - ये सभी कस्टमाइज़ किए जा सकते हैं।

NoWhiteBackgroundColor के लिए उपयोगकर्ता स्क्रिप्ट में खोजें ।


पूरी तरह से काम करता है - यह उत्तर होना चाहिए
Mr_and_Mrs_D


4

निम्नलिखित जावास्क्रिप्ट सीएसएस और HTML पृष्ठभूमि तत्वों को सफेद और वर्तमान पृष्ठ पर काले रंग के साथ पाठ तत्वों को ओवरराइड करेगा, बस इसे अपने स्थान या ब्राउज़र फ़ील्ड में पेस्ट करें:

javascript:(function(){
   var newSS,styles='* {background-color:black !important;color:white !important}
   :link,:link *{color:#99C0EB !important}
   :visited,:visited *{color:#C398EB !important}';

    if(document.createStyleSheet){
        document.createStyleSheet("javascript:'"+styles+"'");
    }else{
        newSS=document.createElement('link');
        newSS.rel='stylesheet';
        newSS.href='data:text/css,'+escape(styles);
        document.getElementsByTagName("head")[0].appendChild(newSS);
    }
})();

ओह। दर्दनाक% 20।
हैलो'१

यह सभी तत्व की पृष्ठभूमि को काला कर देता है, और सभी तत्व (केवल पाठ नहीं) सफेद।
हैलो'१

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

1
@ hello71, किसी तरह जब मैंने इसे अपने ब्राउज़र में चिपकाया तो इसने सभी स्पेस को% 20 में बदल दिया। इन्हें हटा दिया गया है। मैंने कहा कि इसने सभी बैकग्राउंड को बदल दिया है, मैंने इसे केवल टेक्स्ट बैकग्राउंड ब्लैक में बदलने के लिए संपादित किया है, फिर से कोशिश करें।
डोर हाई आर्क

4

ब्राउजर सर्च बार में टाइप करें about:config

खोज फ़ील्ड में, टाइप करें browser.display.background_color

स्ट्रिंग और परिवर्तन #FFFFFF(सफेद के लिए हेक्साडेसिमल कोड) पर डबल क्लिक करें #000000(काले के लिए हेक्साडेसिमल कोड) या किसी भी अन्य रंग जिसे आप चाहते हैं और क्लिक करें OK। इसके प्रभावी होने के लिए ब्राउज़र को पुनरारंभ करें।


3

URL बार में इसके बारे में टाइप करें: इस सेटिंग को कॉन्फ़िगर करें और नेविगेट करें: browser.display.background_color

अधिक जानकारी यदि आप इसे यहाँ की जरूरत है


1
इस चर को बदलना केवल उन वेबपेजों पर काम करता है जो पृष्ठभूमि का रंग निर्दिष्ट नहीं करते हैं। मैं केवल google.com/firefox और रिक्त टैब पर काम करने के लिए इसे प्राप्त कर सकता था ।
मालाबार

1
फायरबग आपको पृष्ठों को बदलने की अनुमति देगा लेकिन आपको साइट पर आने पर हर बार यह करना होगा। केवल सफेद पृष्ठभूमि बदलें थोड़े कठिन है।
jer.salamon


3

मैंने हाल ही में अपने पुराने कंप्यूटर को बदल दिया है और फ़ायरफ़ॉक्स को फिर से स्थापित करने की आवश्यकता है। मुख्य चीजों में से एक, जिसे मैं फिर से स्थापित करना चाहता था, वह एक ग्रीसीमेक स्क्रिप्ट थी जिसने किसी भी वेबसाइट की पृष्ठभूमि का रंग बदल दिया।

इसलिए मैं थोड़ा नाराज था कि मैं वह नहीं खोज सका जिसका मैंने पहले इस्तेमाल किया था। लंबी कहानी छोटी - यहाँ मेरे पुराने पीसी से एक है।

यह स्क्रिप्ट मेरा अपना काम नहीं है

सारा श्रेय हॉवर्ड स्मिथ को जाना चाहिए। यह मूल रूप से Userscripts.org पर पोस्ट किया गया था जो अब उपलब्ध नहीं है।

बस Greasemonkey में एक नई उपयोगकर्ता स्क्रिप्ट बनाएं और निम्नलिखित को चिपकाएँ:

(function () {
    function noWhiteBackgroundColor() {
        function changeBackgroundColor(x)  {  // Auto change colors too close to white
            var backgroundColorRGB = window.getComputedStyle(x, null).backgroundColor;  // Get background-color
            if(backgroundColorRGB != "transparent")  {  // Convert hexadecimal color to RGB color to compare
                var RGBValuesArray = backgroundColorRGB.match(/\d+/g); // Get RGB values
                var red   = RGBValuesArray[0];
                var green = RGBValuesArray[1];
                var blue  = RGBValuesArray[2];

                // ============================================================================
                // Set the base colors you require:
                // Use: http://www.colorpicker.com
                // to find the RGB values of the base colour you wish to
                // suppress white backgrounds with:
                // Default gray provided:
                // ============================================================================

                var red_needed   = 220;
                var green_needed = 220;
                var blue_needed  = 255;


                if (red>=220 && green>=220 && blue>=220) { // White range detection

                   if (red>=250 && red<=255 && green>=250 && green<=255 && blue>=250 && blue<=255) {
                      red_needed   += 0;
                      green_needed += 0; }

                   else if (red>=240 && red<=255 && green>=240 && green<=255 && blue>=240 && blue<=255) {
                      red_needed   += 6;
                      green_needed += 3; }

                   else if (red>=230 && red<=255 && green>=230 && green<=255 && blue>=230 && blue<=255) {
                      red_needed   += 10;
                      green_needed += 5; }

                   else if (red>=220 && red<=255 && green>=220 && green<=255 && blue>=220 && blue<=255) {
                      red_needed   += 14;
                      green_needed += 7; }

                   x.style.backgroundColor = "rgb( " + red_needed + ", " + green_needed + ", " + blue_needed + ")"; // The background-color you want
               }
            }
        }

        var allElements=document.getElementsByTagName("*"); // Get all elements on a page
        for(var i=0; i<allElements.length; i++)  {
            changeBackgroundColor(allElements[i]);}
    }
    window.addEventListener("DOMContentLoaded",noWhiteBackgroundColor, false);
})();

मैं लगभग दो साल से इसका इस्तेमाल कर रहा हूं और ऐसी किसी भी वेबसाइट के बारे में नहीं सोच सकता, जो सफेद पृष्ठभूमि को बदलने में नाकाम रही हो।


महान स्क्रिप्ट! अब अगर यह फ़ायरफ़ॉक्स में आंतरिक पृष्ठों जैसे: addons, about: config, about: newtab, view-source: * के लिए काम करेगा, तो आप आसान आयात के लिए शीर्ष पर मेटाडेटा अनुभाग जोड़ सकते हैं। मैं कलर टॉगल एडऑन के संयोजन में इस स्क्रिप्ट का उपयोग कर रहा हूं।
jk7


2

रंगीला

में इसे इस्तेमाल करता हूँ।

ह्यू, संतृप्ति, लपट और अस्पष्टता के लिए उन्नत नियंत्रण के माध्यम से वेब पृष्ठों को रंगीन करें। स्वचालित रंगीकरण के लिए श्वेत सूची वेब डोमेन (वैकल्पिक!)।

नई: थीम को कॉपी करने के लिए ड्रैग-एंड-ड्रॉप का उपयोग टेक्स्ट के रूप में और स्वतंत्र रूप से समूह के गुणों के लिए करें।

पुनश्च: प्लस डार्क फ़ायरफ़ॉक्स थीम


दुर्भाग्य से एफएफ v57 और इसके बाद के संस्करण के लिए उपलब्ध नहीं है।
KERR

1

बाईं माउस बटन के साथ बार पर क्लिक करें और अनुकूलित करें और आपको एक हरा पेड़ दिखाई देगा, इसे बार में रखें और उस पर क्लिक करें। रंग बदल जाएंगे और आप अभी भी संपादन -> वरीयता -> सामग्री -> रंग मेनू आइटम में अपने खुद के रंग बना सकते हैं।

अक्षम करें: सिस्टम रंगों का उपयोग करें और पृष्ठों की अनुमति दें


0

हालांकि वास्तव में आप के बाद क्या नहीं है ... मैं OS X में थोड़ी स्क्रिप्ट के साथ युग्मित सॉफ़्टवेयर के एक टुकड़े का उपयोग करता हूं। सॉफ़्टवेयर को Nocturne कहा जाता है। स्क्रिप्ट से पता चलता है कि मेरे भौगोलिक स्थान पर सूर्योदय और सूर्यास्त किस समय होता है। फिर यह सूर्यास्त के समय नोक्टर्न को सक्रिय करता है, और इसे सूर्योदय के समय बंद कर देता है। फ़ायरफ़ॉक्स मुझे पता है के लिए विशिष्ट नहीं है, लेकिन यह सुनिश्चित है कि यह किसी भी ब्राउज़र और अन्य सॉफ्टवेयर पर काम करता है के रूप में अच्छा है।


0

ऐड-ऑन http://addons.mozilla.org/en-US/firefox/addon/black-background-white-text में काले रंगों के लिए एक अलग विधि है। यह केवल रंग और पृष्ठभूमि छवियों को सम्मिलित करता है (inverting रंग पृष्ठ डिजाइन को CSS या जावास्क्रिप्ट विधियों की तरह नष्ट नहीं करेगा)। आप इसे पसंद करेंगे, आपको ऐसा लगता है कि यदि आप सफेद मोड में हैं, और आपको कोई थीम स्थापित करने की आवश्यकता नहीं है।

इंस्टॉल करने के बाद, "सिंपल सीएसएस" से "इनवर्ट" करने के लिए डिफ़ॉल्ट टूल को बदलें: मेन्यू टूल्सऐड-ऑनब्लैक बैकग्राउंड एंड व्हाइट टेक्स्टपेज कलर बदलने का डिफॉल्ट तरीकाइनवर्ट

NB: यदि आपने विंडोज मोड को ब्लैक में भी बदल दिया है, तो आपको डिफ़ॉल्ट फ़ायरफ़ॉक्स कलर मैनेजमेंट को निष्क्रिय करना बेहतर होगा और ऐड-ऑन को सभी काम करने देंगे, ऐसा करें: मेनू टूलविकल्पकंटेंटकलर्स → अनचेक "सिस्टम रंगों का उपयोग करें" और "मेरे ऊपर के चयन के साथ पृष्ठ द्वारा निर्दिष्ट रंगों को ओवरराइड करें" में "नेवर" का चयन करें।

फिर फ़ायरफ़ॉक्स पुनः आरंभ करें!

युक्ति: ऐड-ऑन ने मोड को "इनवर्ट" विधि से "सीएसएस" विधि या "जावास्क्रिप्ट" विधि में अक्षम या बदलने के लिए अपने बार में रखा।

यहाँ परिणाम है:

BlackFirefox


लिंक टूट गया है ( पृष्ठ नहीं मिला )।
पीटर मोर्टेंसन

-1

एक और विकल्प सिर्फ पृष्ठभूमि के रंग बदलने या पीठ को हटाने के लिए रिंग ऑफ पुखराज का उपयोग करना है।

एक बार जब आप साइट पर जाते हैं, तो वेबसाइट का URL दर्ज करें, और एक पृष्ठभूमि / फ़ॉन्ट रंग संयोजन चुनें जो आपके लिए अधिक पठनीय हो।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.