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 - Ionic Tutorial
From the course: Ionic: Integración con React esencial
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
Creación del proyecto: Estructura de carpetas de la app5m 17s
-
(Locked)
Los componentes React de Ionic4m 20s
-
(Locked)
Construyendo la estructura básica de las páginas7m 46s
-
(Locked)
Aplicación de los estilos básicos de las páginas6m 31s
-
(Locked)
Configuración de los estilos globales de la aplicación2m 11s
-
(Locked)
-
-
-
-
-