วิธีการเปลี่ยนรูปแบบสีของหน้าเว็บใน Firefox

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

ข้อเสนอแนะใด ๆ

ในเบราว์เซอร์ที่ใช้ WebKit คุณสามารถเพิ่มสไตล์ต่อไปนี้เพื่อให้ได้สีที่ตรงกันข้าม:

html { -webkit-filter: invert(); }

น่าเศร้าที่เรากำลังรอการติดตั้งใน Firefox: https://developer.mozilla.org/en-US/docs/CSS/filter#Browser_compatibility

สิ่งที่เทียบเท่าใน Firefox จะมีลักษณะดังนี้:

html {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix type=\'matrix\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\'/></filter></svg>#invert");
}

ผลลัพธ์ไม่ได้อยู่ใกล้แค่ไหนดี:

โบนัส

นี่คือ bookmarklet สำหรับ WebKit (ต้องโหลด jQuery):

javascript:$("html").css("-webkit-filter","invert()")

ลองใช้ .. เครื่องมือ> ตัวเลือก> คลิกที่แท็บสารบัญจากนั้นคลิกที่ปุ่มสี ยกเลิกการเลือกช่องทำเครื่องหมาย "อนุญาตหน้า blah blah .... " ตอนนี้เลือกสีขาวสำหรับข้อความและสีดำสำหรับ bacground หวังว่ามันจะช่วย ฉันทำมันใน ver24.0

(แก้ไข: เพิ่งรู้ว่า bookmarklet ไม่ทำงานใน Firefox เนื่องจาก Mozilla ตัดสินใจที่จะไม่สนับสนุน Invert แต่มีลิงก์ jQuery บนหน้าเว็บที่จะทำสิ่งเดียวกัน) คุณสามารถใช้ bookmarklet ในหน้านี้: http: / /lea.verou.me/2011/04/invert-a-whole-webpage-with-css-only/

ระบบปฏิบัติการ? ฉันมีแอพใน Mac ของฉัน Nocturne มันเปลี่ยนสีในกระดาน คล้ายกับเพียงแค่กด ctrl-option-cmd-F8 ฉันไม่รู้วิธีที่จะทำบน Windows น็อคเทิร์เป็นคนที่เล็กกว่าเพราะปรับแต่งสีไม่เพียง แต่คว่ำพวกเขาเพื่อให้ดูดีขึ้นในเวลากลางคืนหรือในแสงสลัว ข้อได้เปรียบที่นี่คือทุกอย่างไม่เพียง แต่หน้า Firefox เปลี่ยนและคุณไม่จำเป็นต้องใช้ซ้ำทุกครั้งที่คุณโหลดหน้าใหม่

ตรวจสอบAdd-on นี้หากมีประโยชน์สำหรับคุณ

มันมีตัวเลือกที่ดีกว่า นี่คือภาพหน้าจอ >>>

ทำ bookmarklet ด้วย URL ต่อไปนี้:

javascript:void(document.getElementsByTagName('html')[0].style.webkitFilter='invert()');