![Một người ngồi trong phòng tối, khuôn mặt của họ được chiếu sáng bởi màn hình máy tính xách tay sáng.](https://www.howtogeek.com/wp-content/uploads/2022/08/FirefoxDarkCSS5.jpg?width=1198&trim=1,1&bg-color=000&pad=1,1)
Nếu bạn yêu thích chế độ tối để duyệt web vào ban đêm thân thiện với mắt và bạn cũng yêu thích Mozilla Firefox, bạn có thể gặp phải sự cố: mở tab mới và tải trang mới làm bạn bị mù. Đây là cách làm cho các tab mới thân thiện với chế độ tối.
Chế độ tối rất tuyệt, nhưng “Đèn flash” trắng thì không
Có một vấn đề với chế độ tối của Firefox vẫn tồn tại, mặc dù có nhiều bản sửa lỗi khác nhau trong vài năm qua. Nếu bạn không phải là người dùng chế độ tối chuyên dụng, bạn có thể không quen thuộc với vấn đề này. Nếu bạn là—và, tôi chắc chắn là như vậy—có lẽ bạn đang vui mừng khi phát hiện ra có một giải pháp đơn giản hiệu quả cho dù lỗi có bị tiêu diệt hoàn toàn hay không.
Vấn đề? Ngay cả khi bạn có Firefox ở chế độ tối, bất cứ khi nào bạn mở một tab trống mới, nó sẽ có màu trắng chói mắt.
Tồi tệ hơn, ngay cả khi bạn đang tải một trang web hỗ trợ chế độ tối, vẫn có một “đèn flash” ngắn trong đó nền trắng mặc định chiếu ánh sáng trắng sáng về phía bạn trước khi tải trang.
Điều đó có vẻ không giống như ngày tận thế, nhưng khi bạn đã điều chỉnh cẩn thận không gian làm việc của mình một cách cụ thể để tránh màn hình rất sáng chiếu thẳng vào mặt bạn với ánh sáng trắng chói lóa, thì điều đó hơi chói tai.
Vì vậy, hãy quên đi việc bị giật mình vào ban đêm khi bạn đang yên tâm làm việc ở chế độ tối. Hãy triển khai một cách khắc phục đơn giản để đảm bảo những cuộc tấn công lén lút có độ sáng cao đó chỉ còn là dĩ vãng.
Quên tiện ích mở rộng trình duyệt, thay vào đó hãy sửa đổi Chrome của bạn
Khi nói đến trình duyệt web của bạn, nếu bạn có thể giải quyết vấn đề nào đó theo cách đơn giản nhất có thể bằng cách sử dụng ít rủi ro nhất, thì đó luôn là cách tốt nhất. Tiện ích mở rộng trình duyệt là một cơn ác mộng về bảo mật và quyền riêng tư.
Mặc dù bạn không cần phải tránh chúng hoàn toàn, nhưng chỉ sử dụng các tiện ích bổ sung và tiện ích mở rộng đã được xem xét và xác minh đúng cách là điều khôn ngoan. Đây luôn là cách an toàn để tránh các tiện ích mở rộng ngẫu nhiên từ các tác giả không xác định.
Với suy nghĩ đó, chúng tôi thực sự vui mừng khi tìm ra một cách đơn giản đến khó tin để giải quyết vấn đề của mình mà không cần phải tìm kiếm (và xem lại mã của) tiện ích mở rộng tùy chỉnh được mã hóa cho tác vụ.
Giải pháp? Tận dụng lợi thế của một công cụ sửa đổi trình duyệt nhỏ tiện dụng được tích hợp ngay trong Firefox, userChrome.css
Và userContent.css
các tập tin.
Nếu bạn chọn tên tệp đầu tiên đó, bạn sẽ có manh mối về những gì chúng tôi sắp thực hiện, đó là biểu định kiểu do người dùng cung cấp cho chrome của trình duyệt. (Trình duyệt web Chrome thực sự được đặt tên theo trình duyệt chrome, và đó là một trò đùa.) Nhân danh tính kỹ lưỡng, chúng tôi cũng sẽ sửa đổi userContent.css
cũng vậy.
Bật hỗ trợ kiểu kế thừa
Trước bất cứ điều gì khác, chúng ta cần bật cài đặt cấu hình để tinh chỉnh nhỏ của chúng ta thực sự có hiệu lực. Nếu không thực hiện bước này, bạn sẽ tức giận bứt tóc gáy khi những thay đổi mà chúng tôi thực hiện không có tác dụng gì.
Khởi chạy Firefox và gõ about:config
trong thanh địa chỉ. Loại bỏ cảnh báo nếu nó xuất hiện. Sử dụng hộp tìm kiếm để tìm kiếm toolkit.legacyUserProfileCustomizations.stylesheets
. Giá trị mặc định là sai, nhấp đúp vào mục nhập để đặt thành đúng.
Xác định vị trí thư mục hồ sơ của bạn
Trước tiên, chúng tôi cần xác định vị trí các tệp cấu hình cho cài đặt Firefox cụ thể của bạn. Khởi chạy Firefox và gõ about:profiles
trong thanh địa chỉ. Thao tác này sẽ liệt kê tất cả các cấu hình trình duyệt Firefox của bạn và cung cấp một liên kết trực tiếp tiện dụng tới thư mục gốc cho cấu hình của bạn.
Chọn cấu hình bạn muốn thực hiện tinh chỉnh chế độ tối này và nhấp vào nút “Mở thư mục” bên cạnh mục nhập danh sách cho “Thư mục gốc”.
Đối với người dùng Windows, thư mục này sẽ trông giống như C:Users[YourUserName]AppDataRoamingMozillaFirefoxProfiles[ProfileName]
trong đó YourUserName là tên người dùng Windows của bạn và ProfileName là một chuỗi chữ và số được tạo bởi Firefox như fxxd088p.default-release
.
Tạo thư mục Chrome và tệp kiểu
Nếu bạn tìm kiếm các giải pháp biểu định kiểu cho vấn đề cụ thể này, thì có một số biến thể nổi xung quanh—một số phức tạp không cần thiết—nhưng chúng tôi đã sử dụng các đoạn mã rất đơn giản được chia sẻ bởi người dùng github gmolveau trong nhiều năm nay và rất thành công và khuyên bạn nên thực hiện như nhau.
Trong thư mục hồ sơ, tạo một thư mục con mới gọi là chrome
. Chúng tôi sẽ tạo hai tệp biểu định kiểu trong thư mục đó.
Tạo một tài liệu văn bản trống mới trong thư mục đó và dán đoạn mã sau vào đó:
tabbrowser tabpanels { background-color: rgb(19,19,20) !important; } browser { background-color: #131314 !important; }
Lưu tệp với tên userChrome.css. Đoạn mã này sẽ khắc phục hiện tượng nhấp nháy màu trắng sáng xảy ra giữa các lần tải trang.
Tạo một tài liệu văn bản trống khác và dán mã này:
@-moz-document url-prefix(about:blank) { html > body:empty { background-color: rgb(19,19,20) !important; } } @-moz-document url(about:blank) { html > body:empty { background-color: rgb(19,19,20) !important; } }
Lưu tệp với tên userContent.css. Đoạn mã này sẽ đảm bảo rằng các tab trống có màu xám rất tối và không có màu trắng sáng.
Bạn có thể thay thế màu xám bị tắt tiếng bằng bất kỳ màu nào bạn muốn bằng cách sử dụng mã RGB và hex thích hợp. Ví dụ: nếu bạn muốn màu đen huyền, bạn có thể thay thế mọi phiên bản 19,19,20 ở trên bằng 0,0,0 và mọi phiên bản #131314 bằng #0A0A0A.
Hoặc, nếu bạn muốn bỏ phiếu cho tình trạng vô chính phủ hoàn toàn, chúng tôi cho rằng, bạn có thể chọn màu xanh lục neon: 117,225,51
#75FF33
. Dù mong muốn màu sắc của bạn là gì, bạn có thể sử dụng bộ chọn RGB đơn giản để chọn đúng mã.
Khi bạn đã tạo các tệp, chỉ cần khởi động lại Firefox để các thay đổi có hiệu lực (nếu chúng không có hiệu lực, hãy đảm bảo bạn đã bật hỗ trợ kế thừa như đã nêu trong bước đầu tiên).
Bây giờ bạn có thể kiểm tra nó. Bạn có thể kiểm tra màu của tab trống trong bản cài đặt Firefox của mình bằng cách nhập about:blank
trong thanh địa chỉ.
Việc kiểm tra tải trang “flash” phức tạp hơn một chút. Cách dễ nhất để kiểm tra là truy cập một trang web và mở một vài liên kết từ trang đó trong tab mới.
Đôi khi rất khó để bắt gặp, đặc biệt là khi kết nối nhanh đến một trang web được tối ưu hóa, nhưng nếu tải một vài trang, bạn sẽ có thể nhận thấy sự thay đổi màu sắc—trong ảnh chụp màn hình ở trên, bạn có thể thấy màu sắc nhấp nháy giữa các lần tải trang như thế nào không còn màu trắng mà là màu xám nhạt mà chúng tôi đã chọn.
Nếu sau tất cả những điều này, bạn thực sự nghĩ đến chế độ tối, thì bây giờ là thời điểm hoàn hảo để bật chế độ tối ở mọi nơi.