Categorias
iiiiii
Colores personalizados para ionic
Descripcion
crear colores personalizado color="micolor"
typescript
/**
Paso 1
Nos dirijimos al generador de colores de ionic : https://ionicframework.com/docs/theming/color-generator/
*/
/**
Paso 2
Creamos un nuevo nombre : facebook cambiando el nombre de primary por facebook
y lo pegamos al final de themes/variables.scss*/
:root {
--ion-color-facebook: #296fb4;
--ion-color-facebook-rgb: 41,111,180;
--ion-color-facebook-contrast: #ffffff;
--ion-color-facebook-contrast-rgb: 255,255,255;
--ion-color-facebook-shade: #24629e;
--ion-color-facebook-tint: #3e7dbc;
}
/*
Paso 3
ir al final del archivo themes/variables.scss y pegar este selector css
*/
.ion-color-youtube {
--ion-color-base: var(--ion-color-youtube) !important;
--ion-color-base-rgb: var(--ion-color-youtube-rgb) !important;
--ion-color-contrast: var(--ion-color-youtube-contrast) !important;
--ion-color-contrast-rgb: var(--ion-color-youtube-contrast-rgb) !important;
--ion-color-shade: var(--ion-color-youtube-shade) !important;
--ion-color-tint: var(--ion-color-youtube-tint) !important;
}
/* USO
<item color="youtube"></item>
*/