Firefox 57 แสดงกล่องป้อนข้อมูลสีเข้ม / เมนูแบบเลื่อนลงพร้อมข้อความสีเข้มบนธีมมืดของ Gnome

คำถามเดิม (เฉพาะเกี่ยวกับกล่องใส่):

ฉันใช้ชุดรูปแบบ Arc-Dark บน Ubuntu Gnome และฉันรู้ว่าปัญหานี้มีอยู่ในรุ่น Firefox รุ่นเก่าด้วย แต่มันก็สามารถแก้ไขได้ด้วยสคริปต์ Stylish นี้ (ซึ่งไม่ได้แก้ไขที่ดีในตัวเองเพราะมันทำให้ปุ่มดาวน์โหลดแย่ลง)

ตอนนี้สคริปต์ใช้งานไม่ได้อีกต่อไปและฉันคิดที่จะรายงานไปยัง Mozilla แต่พวกเขาไม่มี GitHub repo สำหรับ Firefox ตัวเองสำหรับองค์ประกอบแยกต่างหากเท่านั้นดังนั้นฉันจึงไม่รู้ว่าฉันควรเปิดที่ไหน ปัญหา.

มีการแก้ไขชั่วคราวสำหรับสิ่งนี้หรือไม่? และใครบางคนที่รู้วิธีทำอย่างถูกต้องรายงานปัญหากับ Mozilla หรือโครงการ Gnome (ไม่ทราบว่าอะไรจะเหมาะสมกว่า)

แก้ไข:

ในคำตอบที่คุณสามารถหาวิธีแก้ปัญหาชั่วคราวสำหรับกล่องอินพุตข้อความสีเข้มเหมือนกันในปัญหาพื้นหลังสีเข้มดูเหมือนว่าจะเกิดขึ้นในเมนูแบบเลื่อนลง (ไม่ใช่ทั้งหมดของพวกเขาซึ่งแปลก, อาจเกี่ยวข้องกับเทคนิค HTML / CSS ต่างๆ สร้างพวกเขา) และเนื่องจากไม่ได้กล่าวถึงมากนัก แต่ทั้งสองประเด็นมีความเกี่ยวข้องกันมากที่สุดฉันจึงเพิ่มคำถามนี้ วิธีการแก้ไขอาจคล้ายกับที่ให้ไว้ด้านล่างเฉพาะรายการที่แตกต่างกันuserContent.cssแต่มันจะดีถ้ามีคนให้ที่นี่ ฉันจะแก้ไขคำตอบของฉันเองถ้าฉันมีเวลาหาคำตอบด้วยตัวเอง

แก้ไข 2:

ดูเหมือนว่าปุ่มแม้จะเป็นสีดำบนสีดำในบางเว็บไซต์ นี่คือตัวอย่างหากต้องการดูปุ่มเลือก "โปรแกรมใหม่" ทางด้านซ้ายให้วางโปรแกรมตัวอย่างนี้ที่นั่นและแบบสอบถามตัวอย่างนี้ที่แผงด้านล่างขวาจากนั้นกด "Run!"

ฉันพบทางออกที่ดีที่สุดคือการเพิ่มค่าสตริงใน about: config สำหรับwidget.content.gtk-theme-overrideแทนที่ธีม GTK คุณสามารถใช้ชุดรูปแบบที่เกี่ยวข้องพร้อมกล่องข้อความแบบอ่อน (เห็นได้ชัดว่านี่ใช้งานได้เพื่อความสอดคล้องเท่านั้นหากมีชุดรูปแบบที่เกี่ยวข้องอยู่) ตัวอย่างเช่นการใช้ Arc-Dark ตั้งค่าการแทนที่เป็น Arc-Darker ซึ่งมีองค์ประกอบเครื่องมือแสง

เครดิตสำหรับโซลูชันที่นี่: https://www.mkammerer.de/blog/gtk-dark-theme-and-firefox/

- sss

อัปเดต :

ฉันคิดว่าฉันเพิ่งพบทางออก

ก่อน Firefox เวอร์ชัน 46.0 คุณสามารถตั้งค่าธีมโดยเริ่มจาก:

> GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc firefox

ตั้งแต่รุ่น 46.0 ต้องใช้ GTK-3:

> GTK_THEME=Adwaita:light firefox

ซึ่งไม่ได้ทำงานอีกต่อไปตั้งแต่รุ่น 57

ดังนั้นตอนนี้สำหรับรุ่น 57.0.4 ฉันลองทั้งสองอย่างและมันทำงานได้อย่างสวยงาม:

> GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc GTK_THEME=Adwaita:light firefox

คุณสามารถใช้ชุดรูปแบบอื่นที่มีเป้าหมายทั้ง GTK-2 และ GTK-3

จากนั้นคุณอาจลบหรือเปลี่ยนชื่อ chrome / userContent.css

มีการแก้ไขชั่วคราวสำหรับสิ่งนี้หรือไม่? และใครบางคนที่รู้วิธีทำอย่างถูกต้องรายงานปัญหากับ Mozilla หรือโครงการ Gnome (ไม่ทราบว่าอะไรจะเหมาะสมกว่า)

IMHO พวกเขาตระหนักดีถึงพฤติกรรมนี้และหลังจากหาวิธีแก้ปัญหาแล้วฉันคิดว่าเป็นที่ต้องการเนื่องจากคุณสามารถเลือกชุดรูปแบบที่คุณต้องการได้

คำตอบเดิม :

อันที่จริงมันเป็นการดีกว่าที่จะปล่อยให้คำสำคัญ!

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

ด้วยคำสำคัญ!!อินพุตและข้อความทั้งหมดของเกือบทุกไซต์จะมีสี (พื้นหลัง) เดียวกันนี้ แต่สิ่งที่คุณต้องการคือการแทนที่พฤติกรรมเริ่มต้น (resp. fallback) ของ Firefox

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

ดังนั้นในไฟล์chrome / userContent.cssในไดเรกทอรีโปรไฟล์ Firefox ของคุณเพียงแค่เพิ่ม

input, textarea { color: #222; background: #eee; }

แทน

INPUT, TEXTAREA {color: black !important; background: #aaaaaa !important; }

ตามที่ระบุไว้ในคำตอบที่คุณเชื่อมโยงกับ

สี# 222และ#eeeทำได้ดีมากสำหรับฉัน อย่างไรก็ตามคุณสามารถเปลี่ยนได้ตามความต้องการ

ฉันหวังว่ามันจะช่วย

ฉันพบการแก้ไขชั่วคราว แต่ฉันหวังว่าจะมีคนจัดการเพื่อให้ Mozilla และ / หรือ Gnome ทราบเกี่ยวกับสิ่งนี้และคิดว่าจะแก้ไขให้ดี

เพียงทำตามคำตอบนี้แต่ใช้whiteในสไตล์ชีท CSS แทน#aaaaaaด้วยเหตุผลบางอย่างที่หลังแสดงเป็นสีเทาแปลก ๆ บนเบราว์เซอร์ของฉัน

คำตอบที่นี่https://askubuntu.com/a/8346/625256อธิบายวิธีปิดการใช้งานชุด GTK สำหรับ firefox และแก้ไขข้อความสีเข้มในปัญหาพื้นหลังสีเข้ม

แก้ไขอย่างรวดเร็วและสกปรก:

cd $HOME/.mozilla/firefox/*.default
mkdir -p chrome && cd chrome
echo 'input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
textarea,
select {
  background-color: white !important;
  color: black !important;
  -moz-appearance: none !important;
}' > userContent.css

• รีสตาร์ท Firefox

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