cronapp-framework-mobile-js/css/themes/custom/aquamarine/crn-ion-segment-aquamarine.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(90deg, var(--colorDefault40, #2ca4a8) 40%, var(--colorDefault30, #81bdc0) 100%);
    border-color: var(--colorDefault40, #2ca4a8);
}

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(90deg, var(--colorDanger40, #a82c2c) 40%, var(--colorDanger30, #c08181) 100%);
    border-color: var(--colorDanger40, #a82c2c);
}

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(90deg, var(--colorSuccess40, #38a82c) 40%, var(--colorSuccess30, #85c081) 100%);
    border-color: var(--colorSuccess40, #38a82c);
}

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(90deg, var(--colorWarning40, #daa31f) 40%, var(--colorWarning30, #e3bd7e) 100%);
    border: 1px solid var(--colorWarning40, #dd5600);
}

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, #e5e5e5), var(--colorLight40, #dddddd));
    border-color: var(--colorLight40, #dddddd);
}

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(90deg, var(--colorStable40, #b2b2b2) 40%, var(--colorStable30, #c7c7c7) 100%);
    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(90deg, var(--colorCalm40, #11c1f3) 40%, var(--colorCalm30, #7cd1f6) 100%);
    border-color: var(--colorCalm40, #11c1f3);
}

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(90deg, var(--colorPrimary40, #2c72a8) 40%, var(--colorPrimary30, #819fc0) 100%);
    border-color: var(--colorPrimary40, #e9ecef);
}

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(--colorRoyal30, #a594ee), var(--colorRoyal40, #7e5ee8));
    border-color: var(--colorRoyal40, #7e5ee8);
}

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, #898989), var(--colorDark40, #444444));
    border-color: var(--colorDark40, #444444);
}