From the course: Ionic: Integración con React esencial

Unlock the full course today

Join today to access over 23,400 courses taught by industry experts.

Configuración de los estilos globales de la aplicación

Configuración de los estilos globales de la aplicación - Ionic Tutorial

From the course: Ionic: Integración con React esencial

Start my 1-month free trial Buy for my team

Configuración de los estilos globales de la aplicación

“

Otra forma de abordar el aspecto de la aplicación de una manera global es utilizando las variables. Hay una serie de colores que se están utilizando para dar aspecto a los componentes. De hecho, este color azul realmente viene de la utilización del atributo 'color' dentro del 'IonToolbar'. Estamos aplicando este 'primary'. En realidad, todos estos colores que se aplican vienen definidos dentro de la carpeta 'theme/variables'. Dentro de ella podemos ver que están organizados por grupos –'primary', 'secondary', etc., etc., etc., hasta llegar a 'danger', 'dark' o 'light'– los distintos colores pensados para la aplicación. Así, si yo asocio por ejemplo el 'success' al atributo 'color' de cualquier elemento, inmediatamente este se volverá de color verde. Eso no quiere decir que tengamos que ceñirnos a los colores que hay. Nosotros podemos añadir otro bloque nuevo con otro nombre distinto y a partir de ahí podremos también utilizarlo, o también lo que podemos hacer es hacer cambios sobre…

Contents