Vô hiệu hóa kiểu hệ thống cho các thành phần đầu vào của Firefox

Tôi sử dụng một chủ đề tối trong LubFi gọi là Dorian . Tôi khá hài lòng với nó. Tuy nhiên, Firefox dường như thừa hưởng một số màu hệ thống nhất định cho các thành phần đầu vào dạng của nó, khiến chúng rất khó nhìn thấy.

Ví dụ:

Nếu tôi thay đổi màu nền trước, tôi cũng nên thay đổi màu nền của hộp văn bản, hiện tại vẫn ổn, nhưng là màu sáng.

Tôi có thể tưởng tượng việc giải quyết điều này theo nhiều cách:

1. Thêm một biểu định kiểu tùy chỉnh cho Firefox để đảo ngược các thay đổi. (Tôi sử dụng Kiểu dáng , vì vậy việc triển khai rất đơn giản. Tuy nhiên, CSS với các thành phần biểu mẫu có vẻ khó khăn.)
2. Sửa đổi thành Dorian (Tôi nghĩ bạn có thể tùy chỉnh một chủ đề GTK cho các chương trình cụ thể.)
3. Vô hiệu hóa bổ trợ Ubuntu-Firefox-sửa đổi Firefox .
4. Tìm một cài đặt trong Firefox để ngăn tải màu hệ thống cho các thành phần đầu vào.
5. Cài đặt chủ đề Dorian cho Firefox . (Tôi miễn cưỡng với điều này, vì Dorian không được cập nhật tích cực và Firefox liên tục.)

Tất nhiên, tôi cũng hoan nghênh các giải pháp khác mà tôi chưa từng nghĩ đến.

Theo kinh nghiệm của tôi, các giải pháp dựa trên CSS rất khó để hiểu đúng. Câu trả lời của Michael đã làm việc trên một số trang web nhưng không phải tất cả.

Trong Firefox 60, có một giải pháp dễ dàng hơn. Chuyển đến about:configvà đặt giá trị chuỗi sau: widget.content.gtk-theme-override=Adwaita:light

(Bạn phải nhấp chuột phải và chọn Mới -> Chuỗi. Tìm kiếm gtk-theme-overridesẽ không tìm thấy gì vì cài đặt không có ở đó theo mặc định.)

Tín dụng cho Martin Stránský: https://ormszilla.mozilla.org/show_orms.cgi?id=1283086#c7

Bạn có thể thử tiện ích mở rộng Tương phản văn bản cho Chủ đề tối .

Ngoài ra, giải pháp CSS cũ hơn này dường như vẫn hoạt động, mặc dù đó có thể là những gì bạn đang sử dụng.

Tôi cũng sử dụng một chủ đề tối (Adapta Nokto) và tôi cũng đã chạy vào khá nhiều trang web thay đổi màu văn bản trong đầu vào, nhưng giả sử rằng màu nền sẽ là màu trắng (dẫn đến văn bản hoàn toàn không thể đọc được).

Tôi đã khám phá tùy chọn CSS và tìm thấy lời giải thích này về việc đặt kiểu người dùng mặc định mà không cần bất kỳ tiện ích mở rộng trình duyệt nào. Tóm lược:

1. Hồ sơ Firefox của bạn sẽ cần một userContent.csstệp ở đúng nơi. Bạn có thể tạo nó như thế này:

   • Thay đổi thư mục vào hồ sơ Firefox của bạn:
     cd ~/.mozilla/firefox/<your profile>/
   • Tạo một thư mục "chrome" nếu nó không tồn tại
     mkdir chrome
   • Tạo một tệp CSS trong thư mục mới này
     touch chrome/userContent.css

2. Chỉnh sửa userContent.csstệp vừa tạo để bao gồm các kiểu cơ sở mà bạn muốn áp dụng cho tất cả các trang.

3. Khởi động lại Firefox để xem các thay đổi.

Để bắt đầu, tôi đã thêm nó vào tệp CSS của mình:

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

Điều này giả định một số quen thuộc với CSS. Nếu nó mới đối với bạn, thì đây là:

• Tìm tất cả các yếu tố inputvà textareatrên trang
• Tạo nền trắng ( #ffflà một tốc ký mã hex cho màu trắng)
• Làm cho màu văn bản thành màu xám đậm ( #222)

Có rất nhiều yếu tố khác mà bạn có thể muốn phong cách, chẳng hạn như buttonvà select, và bạn có thể nhận cụ thể hơn với đầu vào của bạn, giống như input[type=checkbox].

Điều này không chính xác vô hiệu hóa việc sử dụng chủ đề hệ thống của bạn, nhưng ít nhất nó cho phép bạn ghi đè lên nó và cung cấp cho các trang web mặc định gần với những gì họ mong đợi.