Colors used at Polar

colors.css

/** Colors **/
.primary {
    color: #BDC6FF;
}
.secondary {
    color: #F4C2C2;
}
.success {
    color: #00cec9;
}
.warning {
    color: #fdcb6e;
}
.danger {
    color: #ff7675;
}

/** Background colors **/
.background-primary  {
    background-color: #BDC6FF;
}
.background-secondary {
    background-color: #F4C2C2;
}
.background-success {
    background-color: #00cec9;
}
.background-warning {
    background-color: #fdcb6e;
}
.background-danger {
    background-color: #ff7675;
}

/** Border colors **/
.border-primary  {
    border-color: #BDC6FF;
}
.border-secondary {
    border-color: #F4C2C2;
}
.border-success {
    border-color: #00cec9;
}
.border-warning {
    border-color: #fdcb6e;
}
.border-danger {
    border-color: #ff7675;
}

/** Focus / Active background **/

.button.background-primary:focus,
.button.background-primary:active,
button.background-primary:focus,
button.background-primary:active,
input[type="submit"].background-primary:focus,
input[type="submit"].background-primary:active,
input[type="reset"].background-primary:focus,
input[type="reset"].background-primary:active,
input[type="button"].background-primary:focus,
input[type="button"].background-primary:active {
    background-color: #AAB2E6;
}

.button.background-secondary:focus,
.button.background-secondary:active,
button.background-secondary:focus,
button.background-secondary:active,
input[type="submit"].background-secondary:focus,
input[type="submit"].background-secondary:active,
input[type="reset"].background-secondary:focus,
input[type="reset"].background-secondary:active,
input[type="button"].background-secondary:focus,
input[type="button"].background-secondary:active {
    background-color: #DCAFAF;
}

.button.background-success:focus,
.button.background-success:active,
button.background-success:focus,
button.background-success:active,
input[type="submit"].background-success:focus,
input[type="submit"].background-success:active,
input[type="reset"].background-success:focus,
input[type="reset"].background-success:active,
input[type="button"].background-success:focus,
input[type="button"].background-success:active {
    background-color: #00B9B5;
}

.button.background-warning:focus,
.button.background-warning:active,
button.background-warning:focus,
button.background-warning:active,
input[type="submit"].background-warning:focus,
input[type="submit"].background-warning:active,
input[type="reset"].background-warning:focus,
input[type="reset"].background-warning:active,
input[type="button"].background-warning:focus,
input[type="button"].background-warning:active {
    background-color: #E4B763;
}

.button.background-danger:focus,
.button.background-danger:active,
button.background-danger:focus,
button.background-danger:active,
input[type="submit"].background-danger:focus,
input[type="submit"].background-danger:active,
input[type="reset"].background-danger:focus,
input[type="reset"].background-danger:active,
input[type="button"].background-danger:focus,
input[type="button"].background-danger:active {
    background-color: #E66A69;
}

/** Focus / Active border **/

button.border-primary:focus,
.button.border-primary:active,
button.border-primary:focus,
button.border-primary:active,
input[type="submit"].border-primary:focus,
input[type="submit"].border-primary:active,
input[type="reset"].border-primary:focus,
input[type="reset"].border-primary:active,
input[type="button"].border-primary:focus,
input[type="button"].border-primary:active {
    border-color: #AAB2E6;
}

.button.border-secondary:focus,
.button.border-secondary:active,
button.border-secondary:focus,
button.border-secondary:active,
input[type="submit"].border-secondary:focus,
input[type="submit"].border-secondary:active,
input[type="reset"].border-secondary:focus,
input[type="reset"].border-secondary:active,
input[type="button"].border-secondary:focus,
input[type="button"].border-secondary:active {
    border-color: #DCAFAF;
}

.button.border-success:focus,
.button.border-success:active,
button.border-success:focus,
button.border-success:active,
input[type="submit"].border-success:focus,
input[type="submit"].border-success:active,
input[type="reset"].border-success:focus,
input[type="reset"].border-success:active,
input[type="button"].border-success:focus,
input[type="button"].border-success:active {
    border-color: #00B9B5;
}

.button.border-warning:focus,
.button.border-warning:active,
button.border-warning:focus,
button.border-warning:active,
input[type="submit"].border-warning:focus,
input[type="submit"].border-warning:active,
input[type="reset"].border-warning:focus,
input[type="reset"].border-warning:active,
input[type="button"].border-warning:focus,
input[type="button"].border-warning:active {
    border-color: #E4B763;
}

.button.border-danger:focus,
.button.border-danger:active,
button.border-danger:focus,
button.border-danger:active,
input[type="submit"].border-danger:focus,
input[type="submit"].border-danger:active,
input[type="reset"].border-danger:focus,
input[type="reset"].border-danger:active,
input[type="button"].border-danger:focus,
input[type="button"].border-danger:active {
    border-color: #E66A69;
}