Материал Дизайн определяет различные цвета. Они используются на визуализации. Рекомендуется, если возможно, использовать значения цветов для объявления цвета. Таким образом гарантируется, что контраст и дизайн будут соответствовать друг другу в будущем. Особое внимание следует уделить этому моменту, так как при переключении с светлого на темный дизайн текст может стать нечитаемым.
Совет: Вы можете изменить цвета в разделе Настройки проекта во вкладке Визуализация. Таким образом можно создать индивидуальный дизайн.
Это все возможные цвета фона визуализации.
| Название | Значение | Цвет | Цвет текста |
|---|---|---|---|
| Красный | red | #D32F2F | #FFFFFF |
| Розовый | pink | #C2185B | #FFFFFF |
| Фиолетовый | purple | #7B1FA2 | #FFFFFF |
| Темно-фиолетовый | deep_purple | #512DA8 | #FFFFFF |
| Индиго | indigo | #303F9F | #FFFFFF |
| Синий | blue | #1976D2 | #FFFFFF |
| Голубой | light_blue | #0288D1 | #FFFFFF |
| Бирюзовый | cyan | #0097A7 | #FFFFFF |
| Морская волна | teal | #00796B | #FFFFFF |
| Зеленый | green | #388E3C | #FFFFFF |
| Светло-зеленый | light_green | #689F38 | #FFFFFF |
| Лаймовый | lime | #AFB42B | #000000 |
| Желтый | yellow | #FBC02D | #000000 |
| Янтарный | amber | #FFA000 | #000000 |
| Оранжевый | orange | #F57C00 | #000000 |
| Темно-оранжевый | deep_orange | #E64A19 | #FFFFFF |
| Ошибка | error | #B00020 | #FFFFFF |
Эти цвета рекомендуются для текстов и используются на символах в плане, чтобы обеспечить достаточный контраст.
| Название | Значение | Цвет | Цвет текста |
|---|---|---|---|
| Красный | red | #F44336 | #FFFFFF |
| Розовый | pink | #E91E63 | #FFFFFF |
| Фиолетовый | purple | #9C27B0 | #FFFFFF |
| Темно-фиолетовый | deep_purple | #673AB7 | #FFFFFF |
| Индиго | indigo | #3F51B5 | #FFFFFF |
| Синий | blue | #2196F3 | #FFFFFF |
| Голубой | light_blue | #03A9F4 | #000000 |
| Бирюзовый | cyan | #00BCD4 | #000000 |
| Морская волна | teal | #009688 | #FFFFFF |
| Зеленый | green | #4CAF50 | #000000 |
| Светло-зеленый | light_green | #8BC34A | #000000 |
| Лаймовый | lime | #CDDC39 | #000000 |
| Желтый | yellow | #FFEB3B | #000000 |
| Янтарный | amber | #FFC107 | #000000 |
| Оранжевый | orange | #FF9800 | #000000 |
| Темно-оранжевый | deep_orange | #FF5722 | #FFFFFF |
| Коричневый | brown | #795548 | #FFFFFF |
| Серый | gray | #9E9E9E | #000000 |
| Сине-серый | blue_gray | #607D8B | #FFFFFF |
| Ошибка | error | #B00020 | #FFFFFF |