CSS tùy chỉnh cho Fx là một tập hợp các kiểu CSS cho Firefox 57 và mới hơn bởi tác giả của Trình bổ sung chủ đề cổ điển phổ biến của Firefox.
Firefox 57 sẽ không hỗ trợ Trình phục hồi chủ đề cổ điển hoặc bất kỳ tiện ích mở rộng hoặc chủ đề thay đổi giao diện nào nữa do chuyển sang hệ thống độc quyền WebExtensions. Hệ thống WebExtensions mới ngăn các thay đổi đối với giao diện người dùng của trình duyệt bằng cách không cung cấp API cho nhà phát triển tiện ích mở rộng.
Tùy chọn duy nhất còn lại để người dùng Firefox sửa đổi giao diện người dùng, ngoài những gì Mozilla cung cấp tự nhiên trong Firefox, là sử dụng CSS.
Người dùng Firefox biết cách của họ xung quanh CSS có thể chỉnh sửa các tệp CSS theo cách thủ công để sửa đổi phiên bản trình duyệt web của họ. Mặt khác, hầu hết người dùng Firefox có lẽ là không, và đó là nơi CSS tùy chỉnh cho Fx phát huy tác dụng.
Tùy chỉnh Firefox 57 bằng CSS
Dự án được lưu trữ trên GitHub và được duy trì bởi Aris, người được biết đến với các tiện ích bổ sung phổ biến của Firefox như Trình phục hồi chủ đề cổ điển và NoiaButtons. Trình phục hồi chủ đề cổ điển được tạo như một phản hồi cho giao diện Australis mà Mozilla đã khởi chạy trong Firefox 29. Tiện ích mở rộng sẽ không hoạt động trong Firefox 57 hoặc mới hơn nữa vì Mozilla đã bỏ hỗ trợ cho các tiện ích bổ sung trong phiên bản Firefox đó và không giới thiệu các khả năng để sửa đổi giao diện người dùng dưới dạng API WebExtensions.
Trang bắt đầu của dự án cung cấp thông tin về việc định vị thư mục hồ sơ của trình duyệt web Firefox và sử dụng các kiểu được cung cấp để sửa đổi Firefox.
Cách dễ nhất để xác định thư mục hồ sơ là tải về: hỗ trợ trong thanh địa chỉ của trình duyệt và nhấp vào nút "thư mục mở" trong Thông tin cơ bản về ứng dụng> Thư mục hồ sơ.
Bạn cần tạo một thư mục có tên là chrome nếu nó không tồn tại trong thư mục gốc của thư mục hồ sơ. Sau khi hoàn thành, sao chép nội dung của kho lưu trữ vào thư mục đó. Đảm bảo rằng userChrome.css và userContent.css được đặt trong thư mục gốc của thư mục chrome.
Đây là tất cả những gì cần được thực hiện để thêm các kiểu tùy chỉnh này vào Firefox. Tuy nhiên, có một bước khác mà bạn có thể muốn thực hiện, và đó là tùy chỉnh các chỉnh sửa.
Bộ chỉnh sửa mặc định có thể thu hút một số người dùng, nhưng các tệp CSS đi kèm với các tùy chọn để bật hoặc tắt các chỉnh sửa khác nhau để thay đổi giao diện hơn nữa.
Mở tệp userChrome.css trong trình soạn thảo văn bản thuần túy. Tệp sử dụng lệnh @import để nhập các kiểu CSS thực từ các tệp CSS. Điều này được thực hiện để giữ cho userChrom.css chính gọn gàng và giúp người dùng Firefox dễ dàng sửa đổi nó hơn.
Các dòng bắt đầu bằng / * được nhận xét và các tệp CSS mà chúng liên kết không được nhập vì điều đó.
Những gì bạn cần làm là đi qua phần liệt kê một phần để xác định những chỉnh sửa có sẵn nào bạn muốn kích hoạt trong Firefox.
Bạn hủy tải các chỉnh sửa bằng cách thêm / * ở phía trước của dòng và * / ở phía sau. Tương tự, bạn xóa / * ở phía trước và * / ở phía sau để bật một tinh chỉnh.
Dưới đây là danh sách các tinh chỉnh có sẵn ngay bây giờ:
- Sửa đổi các nút thanh công cụ điều hướng.
- Kích hoạt nút bình phương
- Thay đổi biểu tượng xuất hiện
- Thay đổi nút bật lên ứng dụng.
- Thay đổi menu đánh dấu và xuất hiện cửa sổ bật lên.
- Xuất hiện nút thanh công cụ bookmark cũ
- Các cài đặt nút khác (Nút ẩn chuyển tiếp, nút quay lại và chuyển tiếp nút tách lịch sử bật lên, nút thu phóng ẩn đặt lại).
- Tùy chỉnh nút quay lại và chuyển tiếp xuất hiện
- Nút ứng dụng / hamburger trên thanh công cụ điều hướng
- Nút ứng dụng / hamburger trong thanh tiêu đề Firefox (chỉ dành cho Windows)
- Xuất hiện các tab (kiểu, vị trí thanh công cụ, ví dụ bên dưới thanh công cụ (đọc: các tab không ở trên cùng), tiêu đề tab, biểu tượng, v.v.
- Sửa đổi thanh tìm kiếm, menu ngữ cảnh, biểu tượng và các thanh công cụ khác.
- Thay đổi kiểu của thanh vị trí.
Một số trong số này là tự giải thích. Những người khác thì không, nhưng bạn có hai lựa chọn khi nói đến những điều này. Hoặc kích hoạt chúng và kiểm tra chúng trực tiếp hoặc mở tệp CSS được tải để tìm hiểu những gì chúng làm. Cái sau đòi hỏi một số kiến thức về CSS.
Tệp userContent.css sử dụng cùng bố cục. Nó nhập các tệp CSS và tùy thuộc vào bạn để bật hoặc tắt các tệp đó.
Một danh sách các chỉnh sửa giao diện gốc được đề xuất và các chỉnh sửa about: config cũng được cung cấp bởi dự án để sửa đổi diện mạo của Firefox hơn nữa.
Từ kết thúc
CSS tùy chỉnh cho Fx cung cấp nhiều sửa đổi giao diện cho giao diện của Firefox 57 không thể thực hiện được bằng cách sử dụng các tiện ích mở rộng hoặc sử dụng các tính năng tích hợp. Người dùng Firefox hiện tại có thể thấy nó hữu ích, đặc biệt nếu họ đã sử dụng Trình phục hồi chủ đề cổ điển hoặc tiện ích bổ sung tương đương cho đến bây giờ.
Cập nhật được phát hành thường xuyên bởi Aris; điều đó không chỉ tốt cho chức năng mới có thể được giới thiệu thông qua các tinh chỉnh, mà còn để giữ cho các kiểu tương thích với các bản phát hành Firefox mới.
