Material Design định nghĩa các màu sắc khác nhau. Chúng được sử dụng trên giao diện người dùng. Khuyến cáo sử dụng giá trị màu nếu có thể để khai báo một màu sắc. Điều này đảm bảo rằng độ tương phản và thiết kế sẽ phù hợp với nhau sau này. Đặc biệt cần chú ý đến điều này vì khi chuyển đổi từ chế độ sáng sang tối, văn bản có thể trở nên không thể đọc được.
Mẹo: Bạn có thể thay đổi các màu sắc trong Cài đặt Dự án dưới tab Giao diện người dùng. Điều này cho phép tạo ra một thiết kế riêng biệt.
Đây là tất cả các màu nền có thể của giao diện người dùng.
| Tên | Giá Trị | Màu Sắc | Màu Văn Bản |
|---|---|---|---|
| Đỏ | red | #D32F2F | #FFFFFF |
| Hồng | pink | #C2185B | #FFFFFF |
| Tím | purple | #7B1FA2 | #FFFFFF |
| Tím Đậm | deep_purple | #512DA8 | #FFFFFF |
| Xanh Đen | indigo | #303F9F | #FFFFFF |
| Xanh | blue | #1976D2 | #FFFFFF |
| Xanh Nhạt | light_blue | #0288D1 | #FFFFFF |
| Xanh Lá Cây Biển | cyan | #0097A7 | #FFFFFF |
| Xanh Lá Cây Biển Thâm | teal | #00796B | #FFFFFF |
| Xanh Lá Cây | green | #388E3C | #FFFFFF |
| Xanh Lá Cây Nhạt | light_green | #689F38 | #FFFFFF |
| Xanh Lá Cây Chanh | lime | #AFB42B | #000000 |
| Vàng | yellow | #FBC02D | #000000 |
| Amber | amber | #FFA000 | #000000 |
| Cam | orange | #F57C00 | #000000 |
| Cam Đậm | deep_orange | #E64A19 | #FFFFFF |
| Lỗi | error | #B00020 | #FFFFFF |
Các màu sắc này được khuyến cáo sử dụng cho văn bản và được sử dụng trong các ký hiệu trên bản vẽ để đảm bảo độ tương phản đủ.
| Tên | Giá Trị | Màu Sắc | Màu Văn Bản |
|---|---|---|---|
| Đỏ | red | #F44336 | #FFFFFF |
| Hồng | pink | #E91E63 | #FFFFFF |
| Tím | purple | #9C27B0 | #FFFFFF |
| Tím Đậm | deep_purple | #673AB7 | #FFFFFF |
| Xanh Đen | indigo | #3F51B5 | #FFFFFF |
| Xanh | blue | #2196F3 | #FFFFFF |
| Xanh Nhạt | light_blue | #03A9F4 | #000000 |
| Xanh Lá Cây Biển | cyan | #00BCD4 | #000000 |
| Xanh Lá Cây Biển Thâm | teal | #009688 | #FFFFFF |
| Xanh Lá Cây | green | #4CAF50 | #000000 |
| Xanh Lá Cây Nhạt | light_green | #8BC34A | #000000 |
| Xanh Lá Cây Chanh | lime | #CDDC39 | #000000 |
| Vàng | yellow | #FFEB3B | #000000 |
| Amber | amber | #FFC107 | #000000 |
| Cam | orange | #FF9800 | #000000 |
| Cam Đậm | deep_orange | #FF5722 | #FFFFFF |
| Nâu | brown | #795548 | #FFFFFF |
| Xám | gray | #9E9E9E | #000000 |
| Xám Xanh | blue_gray | #607D8B | #FFFFFF |
| Lỗi | error | #B00020 | #FFFFFF |