:root{
    --colorbgbodydark: #2e3131;
    --colorbgbodylight: #2e3131;

    --colorfttitledark: #ffffff;
    --colorfttitlelight: #ffffff;
    --colorftbodylight: #ffffff;
    --colorfttitlelight: #ffffff;

    --colorfttitledark-darker: #95a5a6;
    --colorfttitlelight-darker: #95a5a6;
    

    --colorbgbodydark-rgb: 46,49,49;

    /* Vous pouvez forcer l'ensemble de ces variables ou laisser la valeur par défaut
    --colorbgbodylight: #;
    --colorbgbodydark: #;
    --colorfttitlelight: #;
    --colorfttitledark: #;   
    --colorftbodylight: #;
    --colorftbodydark: #;       
    --fontbody: "";
    --fonttitle: "";
    --fontsizeh1: px;
    --fontsizeh2: px;
    --fontsizeh3: px;
    --fontsizeh4: px;

    --colorbgbodylight-darker: #;
    --colorfttitlelight-darker: #;
    --colorbgbodydark-darker: #;
    --colorbgbodydark-rgb: R,V,G
    */
}

/* Puis sur classer l'ensemble de la feuille de style */
.modal-content {
    background-color: var(--colorbgbodydark);
}
.card-header {
    color: var(--colorbgbodydark);
}
.card-header h3 a {
    color: var(--colorbgbodydark);
}
.card-header h3 a:hover {
    color: var(--colorfttitlelight-darker);
}
.card-body {
    color: var(--colorbgbodydark);
}

.card-body .table,
.card-body .table-hover > tbody > tr:hover > *,
.card-body .table-striped > tbody > tr:nth-of-type(odd) > * {
    color: var(--colorbgbodydark);
}

.select2-results__option, .card-body a, .card-body .table a, .list-group-item a, .list-group-item .btn-link, .card-header .btn-link {
    color: var(--colorbgbodydark);
}

.card-body a:hover, .card-body .table a:hover, .list-group-item a:hover, .list-group-item .btn-link:hover, .card-header .btn-link:hover {
    color: var(--colorfttitlelight-darker);
}