Cách cài giao diện Material Design vào Firefox

07/12/2018

Material Design là giao diện mới nhất trên bản Chrome 69 và sẽ được cập nhật trong thời gian tới. Material Design sẽ làm thay đổi các cạnh tab, thanh địa chỉ,.. sang kiểu bo tròn, tạo được thiết kế hiện đại hơn và thẩm mỹ hơn. Hiện tại nếu bạn dùng Chrome 68 cũng có thể cài đặt giao diện Material Design trên trình duyệt. Và nếu muốn, người dùng hoàn toàn có thể đưa Material Design lên trình duyệt Firefox với cách làm vô cùng đơn giản. Bài viết dưới đây sẽ hướng dẫn bạn đọc cách cài giao diện Material Design lên Firefox.

Hướng dẫn cài Material Design trên Firefox

Bước 1:

Bạn tải gói giao diện MaterialFox theo liên kết bên dưới. Nhấn chọn vào Clone or download rồi chọn tiếp Download ZIP.

Tải file MaterialFox

Bước 2:

Người dùng tiến hành giải nén file Zip tải về máy tính và sẽ được thư mục MaterialFox-master. Bên trong thư mục sẽ có thư mục chrome duy nhất chứa các file thay đổi giao diện cho trình duyệt Firefox.

Thư mục chrome

Bước 3:

Chúng ta giữ nguyên giao diện mở thư mục chrome rồi nhập địa chỉ %appdata%\Mozilla\Firefox\Profiles\ vào thanh địa chỉ trên File Explorer để truy cập. Tại đây người dùng sẽ thấy có duy nhất 1 thư mục xxxxxxx.default với các ký tự x sẽ tự thay đổi trên các máy tính khác nhau. 

Truy cập thư mục Firefox

Bây giờ bạn hãy sao chép thư mục chrome của MaterialFox-master bên trên vào thư mục xxxxxxx.default.

Sao chép thư mục

Bước 4:

Mở trình duyệt Firefox và sẽ thấy phần thay đổi cơ bản đầu tiên đó là cạnh các tab và thanh địa chỉ được bo tròn theo giao diện Material Design. Nhưng nút New Tab, tab, nút menu bị nhòe nên bạn cần tiếp tục chỉnh sửa theo những bước dưới đây.

Thay đổi nút Tab bo tròn

Người dùng nhập about:config vào thanh địa chỉ trên trình duyệt Firefox. Chuyển sang giao diện mới nhấn vào nút I accept the risk! để đồng ý truy cập vào trang cấu hình trên Firefox. 

Trang cấu hình Firefox

Bước 5:

Tại thanh tìm kiếm ở giao diện mới, người dùng nhập từ khóa svg.context-properties.content.enabled rồi nhấn Enter.

Truy cập giá trị

Khi đó chúng ta sẽ thấy giá trị theo mặc định đang ở false như hình dưới đây.

Giá trị false

Người dùng hãy click đúp vào giá trị svg.context-properties.content.enabled để chuyển đổi từ false sang true.

Chuyển đổi giá trị

Khởi động lại trình duyệt Firefox người dùng sẽ thấy giao diện Material Design được áp dụng hoàn chỉnh trên giao diện Firefox. Tab đã không còn màu đen, nút menu, nút New Tab đã không còn bị lỗi như trước. Vị trí nút New Tab vẫn ở bên phải mà không phải ở bên trái. 

Giao diện Firefox

Trong trường hợp người dùng muốn quay lại giao diện gốc trên trình duyệt Firefox, chỉ cần xóa thư mục chrome trong thư mục xxxxxxx.default của Firefox là được.

Giao diện Firefox

Bằng công cụ MaterialFox kết hợp với việc thay đổi cấu hình trên Firefox, chúng ta đã cài đặt giao diện Material Design vào Firefox dễ dàng và rất đơn giản. Bạn không cần phải cài đặt thêm tiện ích hỗ trợ mà vẫn có được giao diện Material Design, với nút New Tab, nút menu và tab hoàn chỉnh.

Theo Quantrimang.com

Các tin đã đưa ngày: