เปลี่ยนพื้นหลังสีขาวในหน้าเว็บเป็นสีอื่น

ฉันกำลังใช้ชุดรูปแบบสีเข้มใน Firefox มันดูดีจริงๆ แต่หน้าเว็บหลายหน้าใช้พื้นหลังสีขาวล้วน ความเปรียบต่างที่เกิดขึ้นนั้นไม่น่าพึงพอใจเล็กน้อยและบางครั้งก็ทำให้ปวดตาเมื่อฉันเปลี่ยนจากแท็บที่มืดไปเป็นแท็บสีขาว

มีวิธีที่จะทำให้ firefox แทนที่ backgrouns สีขาวทุกที่ด้วยสีอื่น (เช่นสีเทาอ่อน)? มันอาจเป็นสไตล์สคริปต์การแฮ็ก userChrome.css หรืออะไรก็ได้ที่ใช้งานได้ (ควรเบาที่สุดเท่าที่จะเป็นไปได้)

เพื่อทำให้ตัวเองชัดเจน: หลังจากฉันบรรลุวัตถุประสงค์สีพื้นหลังเมื่อใดก็ตามที่ฉันเยี่ยมชมไซต์ Superuser ควรเป็นสีเทาอ่อนแทนที่จะเป็นสีขาวและสิ่งเดียวกันควรเกิดขึ้นกับไซต์อื่นที่มีพื้นหลังสีขาว (ไซต์ google, เทคโนโลยีขบเคี้ยว ฯลฯ ) )

มีวิธีทำเช่นนั้นหรือไม่?

ฉันเพิ่งเขียนสคริปต์ Greasemonkeyอย่างรวดเร็วที่ตรวจสอบสไตล์การคำนวณของ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;");
    }
})();

ปัญหาของสิ่งต่าง ๆ เหล่านี้คือยกเว้นว่าเว็บไซต์ได้รับการออกแบบมาเป็นอย่างดีจะมีรอยขาวบนพื้นดำ

นี่ไม่ใช่โซลูชันที่สมบูรณ์แบบ แต่คุณสามารถทำได้เมื่อใดก็ตามที่คุณเยี่ยมชมเว็บไซต์ที่คุณต้องการเปลี่ยนพื้นหลัง

ใน Firefox ต่ำกว่า 38 ไปที่Tools > Options > Contentและคลิกที่Coloursปุ่ม ใน Firefox 38 และสูงกว่าไปและมีการคลิกEdit > Preferences > ContentColors

เลือกสีเทาสำหรับ "พื้นหลัง" และล้างช่องทำเครื่องหมายใกล้ "อนุญาตหน้าเพื่อเลือกสีของตัวเองแทนที่จะเลือกสีด้านบน" และ "ใช้สีระบบ"

ฉันได้อัปเดตสคริปต์ Greasemonkey (Firefox) เพื่อระงับพื้นหลังสีขาว

สคริปต์จะทำงานใน Chrome หากคุณติดตั้ง Tampermonkey

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

สิ่งนี้จะเปลี่ยนพื้นหลังสีขาวทั้งหมดเป็นสีเทา (มีสีเทา) ด้วยการแรเงาบางอย่าง คุณสามารถกำหนดค่าและตั้งค่าสีพื้นฐานของคุณเองได้จากรหัสทั่วไป เฉดสีขาวยังแสดงผล

ฉันมีสามสายพันธุ์: สีเทา , สีชมพูและสีเขียว - ทั้งหมดที่สามารถปรับแต่ง

ค้นหาในสคริปต์ของผู้ใช้สำหรับnoWhiteBackgroundColor

ผมค้นพบเมื่อเร็ว ๆ นี้ Addon ของ Firefox มีสไตล์ สิ่งนี้จะทำในสิ่งที่คุณต้องการและอีกมากมาย!

Javascript ต่อไปนี้จะแทนที่องค์ประกอบพื้นหลัง CSS และ 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);
    }
})();

about:configในแถบค้นหาเบราว์เซอร์พิมพ์

browser.display.background_colorในช่องค้นหาพิมพ์

ดับเบิลคลิกที่สตริงและการเปลี่ยนแปลง#FFFFFF(รหัสฐานสิบหกสำหรับสีขาว) ไป#000000(รหัสฐานสิบหกสำหรับสีดำ) หรือสีอื่น ๆ OKที่คุณต้องการและคลิก รีสตาร์ทเบราว์เซอร์เพื่อให้มีผล

ในแถบ URL พิมพ์ about: config และไปที่การตั้งค่านี้: browser.display.background_color

ข้อมูลเพิ่มเติมถ้าคุณต้องการมันนี่

ฉันเพิ่งเปลี่ยนคอมพิวเตอร์เครื่องเก่าของฉันและต้องการตั้งค่า Firefox อีกครั้ง หนึ่งในสิ่งสำคัญที่ฉันต้องการคืนสถานะคือสคริปต์ Greasemonkey ซึ่งเปลี่ยนสีพื้นหลังของเว็บไซต์ใด ๆ

ฉันรู้สึกรำคาญเล็กน้อยที่ไม่สามารถหาสิ่งที่ฉันเคยใช้มาก่อน Long story short - นี่คือสิ่งหนึ่งจากพีซีเครื่องเก่าของฉัน

สคริปต์นี้ไม่ใช่งานของฉัน

เครดิตทั้งหมดจะต้องไปที่ Howard Smith นี้ถูกโพสต์ครั้งแรกใน 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);
})();

ฉันใช้งานมาเกือบสองปีแล้วและไม่สามารถนึกถึงเว็บไซต์ใด ๆ ที่ไม่สามารถเปลี่ยนพื้นหลังสีขาวได้

https://addons.mozilla.org/en-US/firefox/addon/blank-your-monitor-easy-readin/

ฉันพบว่าสิ่งนี้มีประโยชน์ มันช่วยให้คุณเลือกสีของคุณเองบนข้อความและพื้นหลัง เพียงกดปุ่มฮอตคีย์ที่กำหนดไว้ล่วงหน้า

Colorific

ฉันใช้มัน.

ทำให้หน้าเว็บเป็นสีโดยใช้การควบคุมขั้นสูงสำหรับสีความอิ่มตัวความสว่างและความทึบ รายชื่อโดเมนเว็บสำหรับการเปลี่ยนสีอัตโนมัติ (เป็นทางเลือก!)

ใหม่: ใช้การลากแล้วปล่อยเพื่อคัดลอกธีมเป็นข้อความและเพื่อจัดกลุ่มคุณสมบัติสีได้อย่างอิสระ

PS: ชุดรูปแบบ Firefox เข้ม

คลิกที่แถบด้วยปุ่มซ้ายของเมาส์และปรับแต่งและคุณจะเห็นต้นไม้สีเขียววางไว้ในแถบและคลิกที่มัน สีจะเปลี่ยนไปและคุณยังสามารถสร้างสีของคุณเองได้ในรายการเมนูแก้ไข -> การตั้งค่า -> เนื้อหา ->> สี

ปิดการใช้งาน: ใช้สีของระบบและอนุญาตหน้า

แม้ว่าจะไม่ใช่สิ่งที่คุณต้องการ ... ฉันใช้ซอฟต์แวร์ร่วมกับสคริปต์เล็กน้อยใน OS X ซอฟต์แวร์นี้มีชื่อว่า Nocturne สคริปต์ค้นหาว่าพระอาทิตย์ขึ้นและพระอาทิตย์ตกเวลาใดอยู่ในที่ตั้งทางภูมิศาสตร์ของฉัน จากนั้นมันจะเปิดใช้งาน Nocturne ในเวลาพระอาทิตย์ตกและปิดมันในเวลาพระอาทิตย์ขึ้น ไม่เฉพาะเจาะจงกับ Firefox ที่ฉันรู้จัก แต่ก็แน่ใจว่าใช้ได้ดีกับเบราว์เซอร์ใด ๆ และซอฟต์แวร์อื่น ๆ ส่วนใหญ่

http://addons.mozilla.org/en-US/firefox/addon/black-background-white-text add-on มีวิธีการที่แตกต่างกันสำหรับสีดำ มันสลับสีและภาพพื้นหลังเท่านั้น (การสลับสีจะไม่ทำลายการออกแบบหน้าเช่นเดียวกับวิธี CSS หรือ JavaScript) คุณจะรักมันคุณรู้สึกราวกับว่าคุณอยู่ในโหมดสีขาวและคุณไม่ต้องติดตั้งชุดรูปแบบใด ๆ

หลังจากติดตั้งเปลี่ยนวิธีการเริ่มต้นจาก "CSS ง่าย" จะ "คว่ำ" ในเมนูTools → Add-ons → พื้นหลังสีดำและสีข้อความสีขาว → วิธีการเริ่มต้นของการเปลี่ยนสีหน้า → Invert

หมายเหตุ: หากคุณเปลี่ยนโหมด Windows เป็นสีดำด้วยคุณจะพบว่าการปิดใช้งานการจัดการสีเริ่มต้นของ Firefox และปล่อยให้ Add-on ทำงานทั้งหมดให้ทำดังนี้: เมนูเครื่องมือ → ตัวเลือก → เนื้อหา → สี →ยกเลิกการเลือก"ใช้สีของระบบ"และเลือก "ไม่เคย" ใน "แทนที่สีที่ระบุโดยหน้าเว็บด้วยการเลือกของฉันด้านบน"

จากนั้นรีสตาร์ท Firefox!

เคล็ดลับ: Add-on วางปุ่มในแถบของคุณเพื่อปิดใช้งานหรือเปลี่ยนโหมดจากวิธี "invert" เป็นวิธี "CSS" หรือวิธี "JavaScript"

นี่คือผลลัพธ์:

ตัวเลือกอื่นคือเพียงใช้Ring of Topazเพื่อเปลี่ยนสีพื้นหลังหรือลบด้านหลัง

เมื่อคุณไปที่ไซต์แล้วให้ป้อน URL ของเว็บไซต์และเลือกชุดค่าผสมสีพื้นหลัง / แบบอักษรที่คุณสามารถอ่านได้มากขึ้น