.no-color {
    background-color: var(--bg-bnt);
}

.white {
    background-color: #e4e4e4;
}

.grey {
    background-color: #7c7c7c;
}

.grey-black {
    background-color: #292929;
}

.black {
    background-color: #000000;
}

.red {
    background-color: #c24141;
}

.red-alt {
    background-color: #c24141;
}

.orange {
    background-color: #b96f32;
}

.orange-alt {
    background-color: #ad641b;
}

.yellow {
    background-color: #8b971e;
}

.yellow-alt {
    background-color: #c1c10b;
}

.green {
    background-color: #3c9630;
}

.green-alt {
    background-color: #00b500;
}

.green-blue {
    background-color: #309663;
}

.green-blue-alt {
    background-color: #00af57;
}

.cyan {
    background-color: #0e7b9d;
}

.cyan-alt {
    background-color: #00a6cc;
}

.blue {
    background-color: #4175b9;
}

.blue-alt {
    background-color: #003aba;
}

.purple {
    background-color: #5d2aaf;
}

.purple-alt {
    background-color: #6700cf;
}

.pink {
    background-color: #aa2aaf;
}

.pink-alt {
    background-color: #da00e1;
}

.pink-red {
    background-color: #af2a7c;
}

.pink-red-alt {
    background-color: #dc0188;
}
.elabftw {
    background-color: #24b2be;
}
.wiki {
    background-color: #b2384c;
}
.mattermost {
    background-color: #1e325c;
}
.account {
    background-color: #4d4d4d;
}
.drawio {
    background-color: #f08705;
}
.drawio-alt {
    background-color: #de8c27;
}
.overleaf {
    background-color: #46ae39;
}
.nextcloud {
    background-color: #0082c9;
}
.yopass {
    background-color: #027d5e;
}
.idmcrypt {
    background-color: #ff506e;
}