TECNOLOBO

No recuerdas tu codigo?
Se te olvido como se hace?

Aqui podras guardar lo que necesiten
Y cuando sea necesesario

Creado por julian gomez
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>
*/