How to set alert text color in ion-select-option?

Ionic Framework
1

Hi,
I get --ion-background-color applied to ion-select alert background but the text color of options does not change. Any idea how to control any of these two so the text has always appropriate contrast?
ThanksScreenshot_43

global.scss

.darkScheme {

    --ion-text-color: #ffffff;

    --ion-text-color-rgb: 255, 255, 255;

    --ion-background-color: #000000;

    --ion-background-color-rgb: 0, 0, 0;
2

You can go through this link, hope this will solve your problem.
put this code in global.scss file
Changing color and background color of ion-option

ion-alert {
  //background color
  .alert-wrapper.sc-ion-alert-md {
    background-color: #f8f4aa;
    --background: linear-gradient(
      to right,
      rgba(255, 0, 0, 0),
      rgba(255, 0, 0, 1)
    );
    box-shadow: inset 0 0 75px rgba(255, 210, 0, 0.3),
      inset 0 0 20px rgba(255, 210, 0, 0.4),
      inset 0 0 30px rgba(220, 120, 0, 0.8);
  }

  // Header Text
  .alert-title.sc-ion-alert-md {
    font-size: 25px;
    font-weight: 600;
    font-family: "AustralisProSwash-Italic";
    color: var(--ion-text-color, #00000080);
  }
}
1 Like