cronapp-framework-mobile-js/css/themes/custom/aquamarine/bar-aquamarine.css

Javascript library for CronApp's projects

.button .icon {
    font-size: var(--textBigSize, 18px);
}

/* Default */
.bar.bar-default.bar-footer,
.bar.bar-default {
    color: var(--textColorPrimary40, #ffffff);
    background: linear-gradient(90deg, var(--colorDefault70, #185a5c) 0%, var(--colorPrimary60, #20547b) 100%);
    border: 0;
}

.bar.bar-default .button .icon,
.bar.bar-default .title {
    color: var(--textColorDefault40, #ffffff);
}

/* positive */
.bar.bar-positive.bar-footer,
.bar.bar-positive {
    border-color: var(--colorPrimary40, #3b448e);
    background: linear-gradient(90deg, var(--colorPrimary40, #2c72a8) 40%, var(--colorPrimary30, #819fc0) 100%);
    color: var(--textColorPrimary40, #ffffff);
}

.bar.bar-positive .button .icon,
.bar.bar-positive .title {
    color: var(--textColorPrimary40, #ffffff);
}

/* Light */
.bar.bar-light.bar-footer,
.bar.bar-light {
    border-color: var(--colorLight40, #ffffff);
    background: var(--colorLight40, #ffffff);
    color: var(--textColorLight40, #444444);
}

.bar.bar-light .button .icon,
.bar.bar-light .title {
    color: var(--textColorLight40, #444444);
}

/* Stable */
.bar.bar-stable.bar-footer,
.bar.bar-stable {
    border-color: var(--colorStable40, #f8f8f8);
    background: linear-gradient(90deg, var(--colorStable40, #a82c2c) 40%, var(--colorStable30, #c08181) 100%);
    color: var(--textColorStable40, #444444);
}

.bar.bar-stable .button .icon,
.bar.bar-stable .title {
    color: var(--textColorStable40, #444444);
}

/* Calm */
.bar.bar-calm.bar-footer,
.bar.bar-calm {
    border-color: var(--colorCalm40, #11c1f3);
    background: var(--colorCalm40, #11c1f3);
    color: var(--textColorCalm40, #ffffff);
}

.bar.bar-calm .button .icon,
.bar.bar-calm .title {
    color: var(--textColorCalm40, #ffffff);
}

/* Assertive */
.bar.bar-assertive.bar-footer,
.bar.bar-assertive {
    border-color: var(--colorDanger40, #ef473a);
    background: linear-gradient(90deg, var(--colorDanger40, #a82c2c) 40%, var(--colorDanger30, #c08181) 100%);
    color: var(--textColorDanger40, #ffffff);
}

.bar.bar-assertive .button .icon,
.bar.bar-assertive .title {
    color: var(--textColorDanger40, #ffffff);
}

/* Balanced */
.bar.bar-balanced.bar-footer,
.bar.bar-balanced {
    border-color: var(--colorSuccess40, #33cd5f);
    background: linear-gradient(90deg, var(--colorSuccess40, #38a82c) 40%, var(--colorSuccess30, #85c081) 100%);
    color: var(--textColorSuccess40, #ffffff);
}

.bar.bar-balanced .button .icon,
.bar.bar-balanced .title {
    color: var(--textColorSuccess40, #ffffff);
}

/* Energized */
.bar.bar-energized.bar-footer,
.bar.bar-energized {
    border-color: var(--colorWarning40, #ffc900);
    background: linear-gradient(90deg, var(--colorWarning40, #daa31f) 40%, var(--colorWarning30, #e3bd7e) 100%);
    color: var(--textColorWarning40, #ffffff);
}

.bar.bar-energized .button .icon,
.bar.bar-energized .title {
    color: var(--textColorWarning40, #ffffff);
}

/* Royal */
.bar.bar-royal.bar-footer,
.bar.bar-royal {
    border-color: var(--colorRoyal40, #886aea);
    background: linear-gradient(90deg, var(--colorRoyal40, #a82c2c) 40%, var(--colorRoyal30, #c08181) 100%);
    color: var(--textColorRoyal40, #ffffff);
}

.bar.bar-royal .button .icon,
.bar.bar-royal .title {
    color: var(--textColorRoyal40, #ffffff);
}

/* Dark */
.bar.bar-dark.bar-footer,
.bar.bar-dark {
    border-color: var(--colorDark40, #444444);
    background: linear-gradient(90deg, var(--colorDark40, #a82c2c) 40%, var(--colorDark30, #c08181) 100%);
    color: var(--textColorDark40, #ffffff);
}

.bar.bar-dark .button .icon,
.bar.bar-dark .title {
    color: var(--textColorDark40, #ffffff);
}

.bar .title,
.platform-android .bar .title {
    font-size: var(--textBigSize, 18px);
}