วิธีเปลี่ยนสี address bar ใน Firefox 143
อัปเดต: 29 กันยายน 2568
ทุกครั้งที่ Firefox อัปเดต Mozilla จะนำการเปลี่ยนแปลงทาง cosmetic มา บางอย่างเล็ก บางอย่างใหญ่ ส่วนใหญ่ในทศวรรษที่ผ่านมา การเปลี่ยนแปลงเหล่านี้เป็น anti-ergonomic กรณีนี้เกิดกับทุก browser ด้วย interfaces ที่เรียกว่า "modern" แต่ผมใช้ Firefox หลัก จึงโฟกัสที่นี่ ผมเคยแสดงวิธี tweak UI layout เพื่อ contrast และ usability ที่ดีที่สุดในยุค interfaces แบบ drab, flat, soulless pseudo-minimalistic ที่ไม่มีที่บนเดสก์ท็อป
มาถึง Firefox 143 address bar tweak ไม่ทำงานแล้ว คือ ผมเปลี่ยนพื้นหลังสีเทา pointless ให้เป็นสีขาว เพื่อ contrast ระหว่างข้อความ URL และ canvas ที่เขียนอยู่ สีเทาบนสีเทา nonsense นั้นคือ nonsense แต่ Mozilla ทำให้ชีวิตผมยากขึ้น และจากอีเมลใน inbox ของคุณก็เช่นกัน เราจะแก้ มาแสดงโค้ด CSS ที่ต้องเพิ่มเพื่อ tweak สีพื้นหลัง address bar ให้เป็นอะไรก็ได้
จาก identifier เป็น class
ก่อนหน้านี้ ตามที่ระบุใน tutorial ด้านบน declaration ใน userChrome.css ที่เปลี่ยนสีพื้นหลังคือ:
#urlbar-background {
background-color: white !important;
border: 1px solid rgba(10, 132, 255, 0.3) !important;
}
สังเกตการเลือกสีพื้นหลัง สีขอบและความหนาเป็นของผม เลือกอะไรก็ได้ สำหรับ guide นี้ ตัวอย่างคงเดิม
ผมต้อง enable debugging ใน Firefox เปิด browser toolbox ตรวจสอบ elements ต่างๆ ดูว่ามีอะไรเปลี่ยนไป 原来改变虽小但显著 Mozilla เปลี่ยน urlbar declarations เป็น class ดังนั้นสิ่งที่ต้องทำคือ:
.urlbar-background {
background: white !important;
border: 1px solid rgba(130, 130, 130, 0.5) !important;
}
โดยพื้นฐาน แทนที่ # ด้วย . สำหรับ declaration นี้และ/หรือ urlbar-related declarations อื่นๆ ใน CSS file ของคุณ รีสตาร์ทเบราว์เซอร์ tweak ที่ต้องการจะมีผล แค่นี้แหละ กำจัดพื้นหลังสีเทาโง่ๆ
ดูตัวอย่างก่อนและตอนนี้ เปรียบเทียบ contrast ข้อความต่อพื้นหลัง Yup สีเทาข้อความก็โง่ และข้อความสีเทาอาบน้ำเงินบนพื้นหลังสีเทา เป็นอาชญากรรม ergonomics ระดับหลวง จริงๆ
สรุป
กาละกาล Mozilla ทำมากที่สุดให้ URL ดูเหมาะสม แล้วเลียนแบบ Google เริ่มลบข้อมูลที่มีประโยชน์ออก Protocol prefix, สี certificate padlock, สีข้อความ และตอนนี้พื้นหลังด้วย แนวคิดคือ "ซ่อน" address field จาก common ape เพราะ common ape ไม่เข้าใจ Internet นี่ไม่ช่วย educate หรือช่วยผู้ใหญ่ แต่มันทำลาย usability foundations ที่พิสูจน์ทางวิทยาศาสตร์หมด
ถ้าไม่ชอบใช้ browser ในโหมด monochrome depression-chic สามารถเพิ่มสี ปรับปรุงประสบการณ์ Contrast ดีขึ้น ไม่ทำให้ตาเครียด สนใจรายละเอียดมากขึ้น เหมือนที่ควรเป็น โชคดีที่ Firefox ยังอนุญาตให้ทำได้ คุณสามารถ edit UI นี่คือเหตุผลที่แม้จะมี nonsense ต่างๆ และ fact ว่ามันให้ใช้ Manifest V2 extensions ที่เก่งอย่าง UBlock Origin (UBO) Firefox ควรเป็นเบราว์เซอร์หลักและอาจเป็นเพียงตัวเดียว ถ้าเป็นไปได้ รวมถึงความล้มเหลวหลายอย่าง และเยอะมาก นี่ยังคือ browser ที่ okay จริงๆ เพียงตัวเดียว เลยคุณได้รับการเตือน และรู้วิธีแก้สี address bar แล้ว Mission accomplished.
Cheers.
