ปิดใช้งานรูปแบบระบบสำหรับองค์ประกอบการป้อนข้อมูลในฟอร์ม Firefox

ผมใช้ธีมสีเข้มใน Lubuntu เรียกว่าโดเรียน ฉันค่อนข้างมีความสุขกับมัน อย่างไรก็ตาม Firefox ดูเหมือนจะสืบทอดสีของระบบบางอย่างสำหรับองค์ประกอบการป้อนข้อมูลในแบบฟอร์มทำให้ยากที่จะมองเห็น

ตัวอย่างเช่น:

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

ฉันสามารถจินตนาการการแก้ปัญหานี้ได้หลายวิธี:

1. เพิ่มสไตล์ชีทที่กำหนดเองสำหรับ Firefox เพื่อย้อนกลับการเปลี่ยนแปลง (ฉันใช้ Stylishดังนั้นจึงเป็นเรื่องง่ายที่จะนำไปใช้อย่างไรก็ตาม CSS ที่มีองค์ประกอบของแบบฟอร์มดูเหมือนว่ามีความยุ่งยาก)
2. การปรับเปลี่ยนเป็น Dorian (ฉันคิดว่าคุณสามารถปรับแต่งธีม GTK สำหรับโปรแกรมเฉพาะ)
3. ปิดการใช้อูบุนตู Firefox-ปรับเปลี่ยน Firefox addon
4. ค้นหาการตั้งค่าใน Firefox เพื่อป้องกันการโหลดสีของระบบสำหรับองค์ประกอบอินพุต
5. ติดตั้งธีม Dorian สำหรับ Firefox (ฉันลังเลกับสิ่งนี้เนื่องจาก Dorian ไม่ได้รับการปรับปรุงอย่างแข็งขันและ Firefox อยู่ตลอดเวลา)

แน่นอนฉันยังยินดีรับโซลูชันอื่น ๆ ที่ฉันไม่ได้คิดด้วย

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

ใน Firefox 60 มีวิธีแก้ปัญหาที่ง่ายกว่า ไปที่about:configและตั้งค่าสตริงต่อไปนี้: widget.content.gtk-theme-override=Adwaita:light

(คุณต้องคลิกขวาและเลือกใหม่ -> สตริงการค้นหาgtk-theme-overrideจะไม่พบสิ่งใดเนื่องจากการตั้งค่าไม่มีตามค่าเริ่มต้น)

ขอมอบเครดิตให้แก่ Martin Stránský: https://bugzilla.mozilla.org/show_bug.cgi?id=1283086#c7

คุณสามารถลองใช้ส่วนขยายความเข้มของข้อความสำหรับชุดรูปแบบมืด

นอกจากนี้โซลูชัน CSSรุ่นเก่ายังคงทำงานได้แม้ว่าอาจเป็นสิ่งที่คุณกำลังใช้อยู่

ฉันยังใช้ชุดรูปแบบสีเข้ม (Adapta Nokto) และฉันยังพบเว็บไซต์บางเว็บไซต์ที่เปลี่ยนสีข้อความในอินพุต แต่สมมติว่าสีพื้นหลังจะเป็นสีขาว (นำไปสู่ข้อความที่อ่านไม่ได้ทั้งหมด)

ฉันสำรวจตัวเลือก CSS และพบคำอธิบายของการตั้งค่าสไตล์ผู้ใช้เริ่มต้นโดยไม่จำเป็นต้องมีส่วนขยายเบราว์เซอร์ใด ๆ สรุป:

1. โปรไฟล์ Firefox ของคุณจะต้องมีuserContent.cssไฟล์ในตำแหน่งที่ถูกต้อง คุณสามารถสร้างมันได้เช่นนี้:

   • เปลี่ยนไดเรกทอรีเป็นโปรไฟล์ Firefox ของคุณ:
     cd ~/.mozilla/firefox/<your profile>/
   • สร้างไดเรกทอรี "chrome" หากไม่มีอยู่
     mkdir chrome
   • สร้างไฟล์ CSS ในไดเรกทอรีใหม่นี้
     touch chrome/userContent.css

2. แก้ไขuserContent.cssไฟล์ที่สร้างขึ้นใหม่เพื่อรวมสไตล์พื้นฐานที่คุณต้องการใช้กับทุกหน้า

3. รีสตาร์ท Firefox เพื่อดูการเปลี่ยนแปลง

สำหรับผู้เริ่มฉันเพิ่มสิ่งนี้ลงในไฟล์ CSS ของฉัน:

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

สิ่งนี้จะทำความคุ้นเคยกับ CSS หากยังใหม่กับคุณนี่เป็นการพูดว่า:

• ค้นหาองค์ประกอบinputและtextareaองค์ประกอบทั้งหมดในหน้า
• ทำให้พื้นหลังเป็นสีขาว ( #fffเป็นรหัสย่อเลขฐานสิบหกสำหรับสีขาว)
• ทำให้สีข้อความเป็นสีเทาเข้ม ( #222)

มีความอุดมสมบูรณ์ขององค์ประกอบอื่น ๆ ที่คุณอาจต้องการที่จะรูปแบบเช่นbuttonและและคุณจะได้รับเฉพาะเจาะจงมากขึ้นกับปัจจัยของคุณเช่นselectinput[type=checkbox]

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