// ion-menu {
//     // --background: var(--ion-background-color,linear-gradient(to  left,rgb(28, 28, 28), rgb(28, 28, 28))) !important;

//     ion-content{
//         // --background: var(--ion-background-color,linear-gradient(to  left,rgb(28, 28, 28), rgb(28, 28, 28))) !important;
//     }
// }

.active {
    --ion-text-color: var(--ion-color-primary);
 
    ion-icon {
        --ion-text-color-rgb: var(--ion-color-primary);
    }
}
 
.parent-active {
    font-weight: 500;
}
 
.sub-item {
    padding-left: 20px;
    font-size: small;
}

.ion-color-vibrant {
    --ion-color-base: #ffff00;
    --ion-color-base-rgb: 255,255,0;
    --ion-color-contrast: #000000;
    --ion-color-contrast-rgb: 0,0,0;
    --ion-color-shade: #e0e000;
    --ion-color-tint: #ffff1a;
  }