Chatto/src/main/resources/static/css/colors.css

/*------------------------------------
- COLOR primary
------------------------------------*/


/* 
.alert-primary {
    color: #191d21;
    background-color: #b8c1c9;
    border-color: #adb6c0;
}

.alert-primary hr {
    border-top-color: #9eaab5;
}

.alert-primary .alert-link {
    color: #030404;
}

.badge-primary {
    color: #fff;
    background-color: #4f5b67;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
    color: #fff;
    background-color: #38414a;
}

.bg-primary {
    background-color: #4f5b67 !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #38414a !important;
}

.border-primary {
    border-color: #4f5b67 !important;
}

.btn-primary {
    color: #fff;
    background-color: #4f5b67;
    border-color: #4f5b67;
}

.btn-primary:hover {
    color: #fff;
    background-color: #3f4952;
    border-color: #38414a;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(79, 91, 103, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #4f5b67;
    border-color: #4f5b67;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #38414a;
    border-color: #323941;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(79, 91, 103, 0.5);
}

.btn-outline-primary {
    color: #4f5b67;
    background-color: transparent;
    border-color: #4f5b67;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #4f5b67;
    border-color: #4f5b67;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(79, 91, 103, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #4f5b67;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #4f5b67;
    border-color: #4f5b67;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(79, 91, 103, 0.5);
}

.list-group-item-primary {
    color: #191d21;
    background-color: #adb6c0;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #191d21;
    background-color: #9eaab5;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #191d21;
    border-color: #191d21;
}

.table-primary,
.table-primary>th,
.table-primary>td {
    background-color: #adb6c0;
}

.table-hover .table-primary:hover {
    background-color: #9eaab5;
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9eaab5;
}

.text-primary {
    color: #4f5b67 !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #38414a !important;
} */


/*------------------------------------
- COLOR primary
------------------------------------*/

.alert-primary {
    color: #14171b;
    background-color: #b1bbc4;
    border-color: #a5b0bb;
}

.alert-primary hr {
    border-top-color: #97a4b0;
}

.alert-primary .alert-link {
    color: #000000;
}

.badge-primary {
    color: #fff;
    background-color: #495561;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
    color: #fff;
    background-color: #333b43;
}

.bg-primary {
    background-color: #495561 !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #333b43 !important;
}

.border-primary {
    border-color: #495561 !important;
}

.btn-primary {
    color: #fff;
    background-color: #495561;
    border-color: #495561;
}

.btn-primary:hover {
    color: #fff;
    background-color: #39434c;
    border-color: #333b43;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(73, 85, 97, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #495561;
    border-color: #495561;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #333b43;
    border-color: #2c333b;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(73, 85, 97, 0.5);
}

.btn-outline-primary {
    color: #495561;
    background-color: transparent;
    border-color: #495561;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #495561;
    border-color: #495561;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(73, 85, 97, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #495561;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #495561;
    border-color: #495561;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(73, 85, 97, 0.5);
}

.list-group-item-primary {
    color: #14171b;
    background-color: #a5b0bb;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #14171b;
    background-color: #97a4b0;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #14171b;
    border-color: #14171b;
}

.table-primary,
.table-primary>th,
.table-primary>td {
    background-color: #a5b0bb;
}

.table-hover .table-primary:hover {
    background-color: #97a4b0;
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #97a4b0;
}

.text-primary {
    color: #495561 !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #333b43 !important;
}