cronapp-framework-mobile-js/css/themes/custom/simplex/crn-ion-segment-simplex.css

Javascript library for CronApp's projects

/* background-color-active */
div.crn-ion-segment-classic ul.active-background-default li.active,
div.crn-ion-segment-modern ul.active-background-default li.active {
    background: linear-gradient(var(--colorDefault30, #858789), var(--colorDefault40, #3a3f44));
    border-color: var(--colorDefault40, #3a3f44);
}

div.crn-ion-segment-classic ul.active-background-assertive li.active,
div.crn-ion-segment-modern ul.active-background-assertive li.active {
    background: linear-gradient(var(--colorDanger40, #ee5f5b), var(--colorDanger50, #d05350));
    border-color: var(--colorDanger50, #d05350);
}

div.crn-ion-segment-classic ul.active-background-balanced li.active,
div.crn-ion-segment-modern ul.active-background-balanced li.active {
    background: linear-gradient(var(--colorSuccess30, #96d396), var(--colorSuccess40, #62c462));
    border-color: var(--colorSuccess40, #62c462);
}

div.crn-ion-segment-classic ul.active-background-energized li.active,
div.crn-ion-segment-modern ul.active-background-energized li.active {
    background: linear-gradient(var(--colorWarning30, #fab37b), var(--colorWarning40, #f89406));
    border: 1px solid var(--colorWarning40, #f89406);
}

div.crn-ion-segment-classic ul.active-background-light li.active,
div.crn-ion-segment-modern ul.active-background-light li.active {
    background: linear-gradient(var(--colorLight30, #eef1f3), var(--colorLight50, #cccfd1));
    border-color: var(--colorLight50, #cccfd1);
}

div.crn-ion-segment-classic ul.active-background-stable li.active,
div.crn-ion-segment-modern ul.active-background-stable li.active {
    background: linear-gradient(var(--colorStable30, #fafafa), var(--colorStable40, #f8f8f8));
    border-color: var(--colorStable40, #f8f8f8);
}

div.crn-ion-segment-classic ul.active-background-calm li.active,
div.crn-ion-segment-modern ul.active-background-calm li.active {
    background: linear-gradient(var(--colorCalm30, #93d0e6), var(--colorCalm40, #5bc0de));
    border-color: var(--colorCalm40, #5bc0de);
}

div.crn-ion-segment-classic ul.active-background-positive li.active,
div.crn-ion-segment-modern ul.active-background-positive li.active {
    background: linear-gradient(var(--colorPrimary30, #a3a8ab), var(--colorPrimary40, #7a8288));
    border-color: var(--colorPrimary40, #7a8288);
}

div.crn-ion-segment-classic ul.active-background-royal li.active,
div.crn-ion-segment-modern ul.active-background-royal li.active {
    background: linear-gradient(var(--colorRoyal40, #886aea), var(--colorRoyal50, #775dcd));
    border-color: var(--colorRoyal50, #775dcd);
}

div.crn-ion-segment-classic ul.active-background-dark li.active,
div.crn-ion-segment-modern ul.active-background-dark li.active {
    background: linear-gradient(var(--colorDark30, #808182), var(--colorDark40, #272b30));
    border-color: var(--colorDark40, #272b30);
}