TallerSalud/src/theme/variables.css

/* Ionic Variables and Theming. For more info, please see:
http://ionicframework.com/docs/theming/ */

/** Ionic CSS Variables **/
:root {
  /* Background-color */
  --ion-background-color: #8f00ff;
  
  --ion-color-primary: #8f00ff;
	--ion-color-primary-rgb: 143,0,255;
	--ion-color-primary-contrast: #ffffff;
	--ion-color-primary-contrast-rgb: 255,255,255;
	--ion-color-primary-shade: #7e00e0;
	--ion-color-primary-tint: #9a1aff;

	--ion-color-secondary: #000766;
	--ion-color-secondary-rgb: 0,7,102;
	--ion-color-secondary-contrast: #ffffff;
	--ion-color-secondary-contrast-rgb: 255,255,255;
	--ion-color-secondary-shade: #00065a;
	--ion-color-secondary-tint: #1a2075;

	--ion-color-tertiary: #ff8800;
	--ion-color-tertiary-rgb: 255,136,0;
	--ion-color-tertiary-contrast: #000000;
	--ion-color-tertiary-contrast-rgb: 0,0,0;
	--ion-color-tertiary-shade: #e07800;
	--ion-color-tertiary-tint: #ff941a;
}

@media (prefers-color-scheme: light) {

  body {
      /* Background-color */
  --ion-background-color: #8f00ff;
  
  --ion-color-primary: #8f00ff;
	--ion-color-primary-rgb: 143,0,255;
	--ion-color-primary-contrast: #ffffff;
	--ion-color-primary-contrast-rgb: 255,255,255;
	--ion-color-primary-shade: #7e00e0;
	--ion-color-primary-tint: #9a1aff;

	--ion-color-secondary: #000766;
	--ion-color-secondary-rgb: 0,7,102;
	--ion-color-secondary-contrast: #ffffff;
	--ion-color-secondary-contrast-rgb: 255,255,255;
	--ion-color-secondary-shade: #00065a;
	--ion-color-secondary-tint: #1a2075;

	--ion-color-tertiary: #ff8800;
	--ion-color-tertiary-rgb: 255,136,0;
	--ion-color-tertiary-contrast: #000000;
	--ion-color-tertiary-contrast-rgb: 0,0,0;
	--ion-color-tertiary-shade: #e07800;
	--ion-color-tertiary-tint: #ff941a;
  }

  .ios body {
    --ion-background-color: #8f00ff;
  
  /** primary **/
    --ion-color-primary: #8f00ff;
    --ion-color-primary-rgb: 143,0,255;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255,255,255;
    --ion-color-primary-shade: #7e00e0;
    --ion-color-primary-tint: #9a1aff;

    --ion-color-secondary: #000766;
    --ion-color-secondary-rgb: 0,7,102;
    --ion-color-secondary-contrast: #ffffff;
    --ion-color-secondary-contrast-rgb: 255,255,255;
    --ion-color-secondary-shade: #00065a;
    --ion-color-secondary-tint: #1a2075;

    --ion-color-tertiary: #ff8800;
    --ion-color-tertiary-rgb: 255,136,0;
    --ion-color-tertiary-contrast: #000000;
    --ion-color-tertiary-contrast-rgb: 0,0,0;
    --ion-color-tertiary-shade: #e07800;
    --ion-color-tertiary-tint: #ff941a;
  }

  .md body {
    --ion-background-color: #8f00ff;
  
    --ion-color-primary: #8f00ff;
    --ion-color-primary-rgb: 143,0,255;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255,255,255;
    --ion-color-primary-shade: #7e00e0;
    --ion-color-primary-tint: #9a1aff;

    --ion-color-secondary: #000766;
    --ion-color-secondary-rgb: 0,7,102;
    --ion-color-secondary-contrast: #ffffff;
    --ion-color-secondary-contrast-rgb: 255,255,255;
    --ion-color-secondary-shade: #00065a;
    --ion-color-secondary-tint: #1a2075;

    --ion-color-tertiary: #ff8800;
    --ion-color-tertiary-rgb: 255,136,0;
    --ion-color-tertiary-contrast: #000000;
    --ion-color-tertiary-contrast-rgb: 0,0,0;
    --ion-color-tertiary-shade: #e07800;
    --ion-color-tertiary-tint: #ff941a;
  }
}