El Material Design define varios colores. Estos se utilizan en la visualización. Se recomienda, si es posible, utilizar los valores de color para declarar un color. Así se garantiza que el contraste y el diseño coincidirán más adelante. Esto merece una atención especial, ya que al cambiar del diseño claro al oscuro, el texto puede volverse ilegible.
Consejo: Puede cambiar los colores en Configuración Del Proyecto bajo la pestaña Visualización. De esta manera se puede crear un diseño individual.
Estos son todos los colores de fondo posibles de la visualización.
| Nombre | Valor | Color | Color de texto |
|---|---|---|---|
| Rojo | red | #D32F2F | #FFFFFF |
| Rosa | pink | #C2185B | #FFFFFF |
| Violeta | purple | #7B1FA2 | #FFFFFF |
| Violeta Oscuro | deep_purple | #512DA8 | #FFFFFF |
| Azul Índigo | indigo | #303F9F | #FFFFFF |
| Azul | blue | #1976D2 | #FFFFFF |
| Azul Claro | light_blue | #0288D1 | #FFFFFF |
| Turquesa | cyan | #0097A7 | #FFFFFF |
| Verde Mar | teal | #00796B | #FFFFFF |
| Verde | green | #388E3C | #FFFFFF |
| Verde Claro | light_green | #689F38 | #FFFFFF |
| Verde Limón | lime | #AFB42B | #000000 |
| Amarillo | yellow | #FBC02D | #000000 |
| Ámbar | amber | #FFA000 | #000000 |
| Naranja | orange | #F57C00 | #000000 |
| Naranja Oscuro | deep_orange | #E64A19 | #FFFFFF |
| Error | error | #B00020 | #FFFFFF |
Estos colores se recomiendan para textos y se utilizan en los símbolos del plano, para mostrar un contraste adecuado.
| Nombre | Valor | Color | Color de texto |
|---|---|---|---|
| Rojo | red | #F44336 | #FFFFFF |
| Rosa | pink | #E91E63 | #FFFFFF |
| Violeta | purple | #9C27B0 | #FFFFFF |
| Violeta Oscuro | deep_purple | #673AB7 | #FFFFFF |
| Azul Índigo | indigo | #3F51B5 | #FFFFFF |
| Azul | blue | #2196F3 | #FFFFFF |
| Azul Claro | light_blue | #03A9F4 | #000000 |
| Turquesa | cyan | #00BCD4 | #000000 |
| Verde Mar | teal | #009688 | #FFFFFF |
| Verde | green | #4CAF50 | #000000 |
| Verde Claro | light_green | #8BC34A | #000000 |
| Verde Limón | lime | #CDDC39 | #000000 |
| Amarillo | yellow | #FFEB3B | #000000 |
| Ámbar | amber | #FFC107 | #000000 |
| Naranja | orange | #FF9800 | #000000 |
| Naranja Oscuro | deep_orange | #FF5722 | #FFFFFF |
| Marrón | brown | #795548 | #FFFFFF |
| Gris | gray | #9E9E9E | #000000 |
| Azul Grisáceo | blue_gray | #607D8B | #FFFFFF |
| Error | error | #B00020 | #FFFFFF |