cronapp-framework-mobile-js/components/css/color-default.css

Javascript library for CronApp's projects

.color-default {
    color: var(--colorDefault40, #3b448e);
}

.color-default:focus,
.color-default:hover {
    color: var(--colorDefault60, #2b3268);
}

.color-positive {
    color: var(--colorPrimary40, #387ef5);
}

.color-positive:focus,
.color-positive:hover {
    color: var(--colorPrimary60, #3f4a8b);
}

.color-balanced {
    color: var(--colorSuccess40, #33cd5f);
}

.color-balanced:focus,
.color-balanced:hover {
    color: var(--colorSuccess60, #259646);
}

.color-energized {
    color: var(--colorWarning40, #ffc900);
}

.color-energized:focus,
.color-energized:hover {
    color: var(--colorWarning60, #bb9300);
}

.color-assertive {
    color: var(--colorDanger40, #ef473a);
}

.color-assertive:focus,
.color-assertive:hover {
    color: var(--colorDanger60, #af342a);
}

.color-royal {
    color: var(--colorRoyal40, #886aea);
}

.color-royal:focus,
.color-royal:hover {
    color: var(--colorRoyal60, #af342a);
}

.color-calm {
    color: var(--colorCalm40, #11c1f3);
}

.color-calm:focus,
.color-calm:hover {
    color: var(--colorCalm60, #0c8db2);
}

.color-light {
    color: var(--colorLight40, #ffffff);
}

.color-light:focus,
.color-light:hover {
    color: var(--colorLight60, #bbbbbb);
}

.color-stable {
    color: var(--colorStable40, #f8f8f8);
}

.color-stable:focus,
.color-stable:hover {
    color: var(--colorStable60, #bb9300);
}

.color-dark {
    color: var(--colorDark40, #444444);
}

.color-dark:focus,
.color-dark:hover {
    color: var(--colorDark60, #bbbbbb);
}

/* Cores basicas */
.color-white {
    color: var(--white, #ffffff);
}

.color-white:focus,
.color-white:hover {
    color: var(--white_focus_hover, #dfdfdf);
}

.color-gray {
    color: var(--gray, #333333);
}

.color-gray:focus,
.color-gray:hover {
    color: var(--gray_focus_hover, #2d2d2d);
}

.color-black {
    color: var(--black, #000000);
}

.color-black:focus,
.color-black:hover {
    color: var(--black_focus_hover, #7b7b7b);
}

.color-blue {
    color: var(--blue, #0247FE);
}

.color-blue:focus,
.color-blue:hover {
    color: var(--blue_focus_hover, #01278b);
}

.color-light-blue {
    color: var(--light-blue, #85A5FF);
}

.color-light-blue:focus,
.color-light-blue:hover {
    color: var(--light-blue_focus_hover, #495a8c);
}

.color-dark-blue {
    color: var(--dark-blue, #00217A);
}

.color-dark-blue:focus,
.color-dark-blue:hover {
    color: var(--dark-blue_focus_hover, #001243);
}

.color-purple {
    color: var(--purple, #3D01A4);
}

.color-purple:focus,
.color-purple:hover {
    color: var(--purple_focus_hover, #21015a);
}

.color-light-purple {
    color: var(--light-purple, #B285FF);
}

.color-light-purple:focus,
.color-light-purple:hover {
    color: var(--light-purple_focus_hover, #61498c);
}

.color-dark-purple {
    color: var(--dark-purple, #2D007A);
}

.color-dark-purple:focus,
.color-dark-purple:hover {
    color: var(--dark-purple_focus_hover, #190043);
}

.color-red {
    color: var(--red, #FE2712);
}

.color-red:focus,
.color-red:hover {
    color: var(--red_focus_hover, #8b150a);
}

.color-light-red {
    color: var(--light-red, #FE8F84);
}

.color-light-red:focus,
.color-light-red:hover {
    color: var(--light-red_focus_hover, #8b4e48);
}

.color-dark-red {
    color: var(--dark-red, #7A0B00);
}

.color-dark-red:focus,
.color-dark-red:hover {
    color: var(--dark-red_focus_hover, #430600);
}

.color-orange {
    color: var(--orange, #FB9B02);
}

.color-orange:focus,
.color-orange:hover {
    color: var(--orange_focus_hover, #895501);
}

.color-light-orange {
    color: var(--light-orange, #FFD085);
}

.color-light-orange:focus,
.color-light-orange:hover {
    color: var(--light-orange_focus_hover, #8c7249);
}

.color-dark-orange {
    color: var(--dark-orange, #7A4B00);
}

.color-dark-orange:focus,
.color-dark-orange:hover {
    color: var(--dark-orange_focus_hover, #432900);
}

.color-yellow {
    color: var(--yellow, #FFFF33);
}

.color-yellow:focus,
.color-yellow:hover {
    color: var(--yellow_focus_hover, #8c8c1c);
}

.color-light-yellow {
    color: var(--light-yellow, #FFFF85);
}

.color-light-yellow:focus,
.color-light-yellow:hover {
    color: var(--light-yellow_focus_hover, #8c8c49);
}

.color-dark-yellow {
    color: var(--dark-yellow, #7A7A00);
}

.color-dark-yellow:focus,
.color-dark-yellow:hover {
    color: var(--dark-yellow_focus_hover, #434300);
}

.color-green {
    color: var(--green, #66B032);
}

.color-green:focus,
.color-green:hover {
    color: var(--green_focus_hover, #38601b);
}

.color-light-green {
    color: var(--light-green, #B7FF85);
}

.color-light-green:focus,
.color-light-green:hover {
    color: var(--light-green_focus_hover, #648c49);
}

.color-dark-green {
    color: var(--dark-green, #337A00);
}

.color-dark-green:focus,
.color-dark-green:hover {
    color: var(--dark-green_focus_hover, #1c4300);
}