Cách thay đổi màu thanh địa chỉ trong Firefox 143
Cập nhật: 29 tháng 9, 2025
Với mỗi bản cập nhật Firefox, Mozilla giới thiệu một số thay đổi về mặt thẩm mỹ, nhỏ hay lớn. Phần lớn, trong thập kỷ qua hoặc lâu hơn, những thay đổi này chủ yếu là anti-ergonomic. Điều này đúng với tất cả trình duyệt, với các giao diện "hiện đại" nổi tiếng, nhưng vì tôi chủ yếu dùng Firefox, nên tập trung ở đây. Thực tế, tôi đã chỉ cho bạn nhiều lần cách tinh chỉnh layout UI để tối ưu contrast và khả năng sử dụng trong kỷ nguyên giao diện phẳng, đơn điệu, hời hợt, giả minimalistic này không có chỗ đứng trên desktop.
Đến Firefox 143, tweak thanh địa chỉ không còn hoạt động. Cụ thể, tôi đã thay đổi nền xám vô nghĩa thành trắng, để có contrast tốt hơn giữa văn bản URL và canvas nó được viết trên. Cái xám trên xám vô nghĩa chính là vậy. Nhưng boo hoo, Mozilla quyết định làm cuộc đời tôi khó khăn hơn, và dựa trên email trong inbox, của bạn cũng vậy. Chúng ta sẽ sửa chữa. Hãy tôi chỉ cho bạn code bạn cần đưa vào CSS để tinh chỉnh màu nền thanh địa chỉ thành bất cứ thứ gì bạn thích. Theo tôi.
Từ identifier sang class
Trước đây, như được nêu trong hướng dẫn trên, khai báo trong file userChrome.css thay đổi màu nền là:
#urlbar-background {
background-color: white !important;
border: 1px solid rgba(10, 132, 255, 0.3) !important;
}
Lưu ý lựa chọn màu cụ thể cho nền, màu và độ dày viền hoàn toàn của tôi. Bạn có thể chọn cài đặt khác. Cho hướng dẫn này, ví dụ vẫn đứng.
Vâng, tôi phải bật debugging trong Firefox, khởi chạy browser toolbox, và kiểm tra các element khác nhau để xem gì đã thay đổi. Như kết quả, thay đổi là nhỏ nhưng đáng kể. Mozilla đã chuyển các khai báo urlbar thành class. Do đó, tất cả những gì bạn cần làm là:
.urlbar-background {
background: white !important;
border: 1px solid rgba(130, 130, 130, 0.5) !important;
}
Về cơ bản, thay thế # bằng . cho khai báo này và/hoặc bất kỳ khai báo urlbar-related nào bạn có trong file CSS. Sau khi khởi chạy lại trình duyệt, tweak mong muốn sẽ có hiệu lực. Và đó là tất cả để loại bỏ nền xám ngốc nghếch.
Nhìn ví dụ trước và bây giờ. So sánh contrast text với background. Yup. Và text xám đó cũng ngốc. Và text xám nhạt trên nền xám, bạn có tội ác về ergonomics. Thật vậy.
Kết luận
Có một thời, Mozilla cố gắng hết sức để URL trông đúng phần. Rồi, copy Google, họ bắt đầu剥离 thông tin hữu ích. Tiền tố giao thức, màu cho biểu tượng khóa chứng chỉ, màu text, và bây giờ nền. Ý tưởng là "giấu" trường địa chỉ này khỏi người thường, vì người thường không hiểu Internet. Điều này không làm gì để giáo dục hoặc giúp đám đông, nhưng nó làm mọi thứ để phá vỡ nền tảng khoa học của usability.
Nếu bạn không thích dùng trình duyệt ở chế độ monochrome depression-chic, bạn có thể làm sôi động mọi thứ với màu, và cải thiện trải nghiệm. Contrast tốt hơn, ít mỏi mắt hơn, chú ý chi tiết hơn, như nó nên là. May mắn thay, Firefox thực sự cho phép bạn làm điều này. Bạn có thể chỉnh UI. Đây là lý do, dù tất cả sự vô lý này, cộng với việc nó cho phép bạn dùng extension Manifest V2 tuyệt vời như UBlock Origin (UBO), Firefox nên là trình duyệt chính và có lẽ duy nhất của bạn, nếu có thể. Dù tất cả thất bại của nó, và chúng nhiều, đây vẫn là trình duyệt thực sự okay duy nhất. Vậy, bạn đã được cảnh báo. Và bạn biết cách sửa màu thanh địa chỉ. Mission accomplished.
Cheers.