Hỗ trợ màu giao diện trong Chrome 39 dành cho Android

Ảnh chụp màn hình điện thoại hiển thị màu giao diện (theme-color).

Kể từ phiên bản 39 của Chrome dành cho Android trên Lollipop, bạn hiện có thể sử dụng thẻ meta theme-color để đặt màu cho thanh công cụ—nghĩa là không còn thanh công cụ màu xám Seattle nữa! Cú pháp khá đơn giản: thêm một thẻ meta vào <head> của trang bằng name="theme-color" và đặt content thành bất kỳ màu CSS nào hợp lệ.

Ví dụ: để đặt nền thành màu bạn yêu thích hoặc màu cam HTML5Rocks:

<meta name="theme-color" content="#db5945">

Ngoài ra, Chrome sẽ hiển thị các biểu tượng trang web đẹp mắt có độ phân giải cao khi được cung cấp. Chrome dành cho Android chọn biểu tượng có độ phân giải cao nhất mà bạn cung cấp và bạn nên cung cấp tệp PNG có kích thước 192×192px. Ví dụ:

<link rel="icon" sizes="192x192" href="nice-highres.png">

Hãy xem màu chủ đề tại đây trên HTML5Rocks cũng như trên trang web Kiến thức cơ bản về web. Đừng quên xem tài liệu Thêm vào màn hình chính để biết thêm nhiều cách giúp trang web của bạn trở nên nổi bật.