cronapp-framework-js/css/themes/custom/material/panel-material.css

Javascript library for CronApp's projects

.panel {
    background: var(--backgroundColor140, #fbfbfb);
    box-shadow: none;
}

.panel-footer {
    color: var(--textColor40, #393939);
    background: var(--colorNeutral10, #F1F1F1);
}

/* Default */
.panel-default .panel-heading {
    color: var(--textColorPrimary40, #ffffff);
    background: var(--colorPrimary40, #5665be);
    border-color: transparent;
}

.panel-default {
    border-color: var(--colorPrimary10, #d8daeb);
}

/* Primary */
.panel-primary>.panel-heading {
    color: var(--textColorDefault40, #ffffff);
    background: var(--colorDefault40, #3b448e);
    border-color: var(--colorDefault40, #3b448e);
}

.panel-primary {
    border-color: var(--colorDefault40, #3b448e);
}

/* Sucess */

.panel-success>.panel-heading {
    color: var(--colorSuccess70, #144414);
    background: var(--colorSuccess10, #d6e0d6);
    border-color: var(--colorSuccess20, #b0c4b0);
}

.panel-success {
    border-color: var(--colorSuccess20, #b0c4b0);
}

/* Info */
.panel-info>.panel-heading {
    color: var(--colorDefault70, #20254e);
    background: var(--colorDefault10, #d8d9e3);
    border-color: var(--colorDefault20, #b3b5ca);
}

.panel-info {
    border-color: var(--colorDefault20, #b3b5ca);
}

/* Warning */
.panel-warning>.panel-heading {
    color: var(--colorWarning70, #835f2b);
    background: var(--colorWarning10, #fbe9da);
    border-color: var(--colorWarning20, #f7d7b7);
}

.panel-warning {
    border-color: var(--colorWarning20, #f7d7b7);
}

/* Danger */
.panel-danger>.panel-heading {
    color: var(--colorDanger70, #71201e);
    background: var(--colorDanger10, #f1d8d7);
    border-color: var(--colorDanger20, #e6b3b2);
}

.panel-danger {
    border-color: var(--colorDanger20, #e6b3b2);
}

/* Light */
.panel-light>.panel-heading {
    color: var(--textColorLight40, #000000);
    background: var(--colorLight50, #dfdfdf);
    border-color: var(--colorLight60, #bbbbbb);
}

.panel-light {
    border-color: var(--colorLight60, #bbbbbb);
}

/* Royal */
.panel-royal>.panel-heading {
    color: var(--textColorRoyal40, #ffffff);
    background: var(--colorRoyal50, #775dcd);
    border-color: var(--colorRoyal60, #644eab);
}

.panel-royal {
    border-color: var(--colorRoyal60, #644eab);
}

/* Stable */
.panel-stable>.panel-heading {
    color: var(--textColorStable40, #444444);
    background: var(--colorStable50, #d9d9d9);
    border-color: var(--colorStable60, #b6b6b6);
}

.panel-stable {
    border-color: var(--colorStable60, #b6b6b6);
}

/* Dark */
.panel-dark>.panel-heading {
    color: var(--textColorDark40, #ffffff);
    background: var(--colorDark50, #3c3c3c);
    border-color: var(--colorDark60, #323232);
}

.panel-dark {
    border-color: var(--colorDark60, #323232);
}