body{
    --menuColor1:#6991ff;
    --menuColor2:#9db7ff;
    --mainColor:#f3f8ff;
    --subColor1:#14478f;
    --subColor2:#608aff;
    --subColor3:#d5e6ff;
}
body.themRed{
    --menuColor1:#ff6969;
    --menuColor2:#ff9d9d;
    --mainColor:#fff3f3;
    --subColor1:#8f1414;
    --subColor2:#ff6060;
    --subColor3:#ffd5d5;
}
body.themRed #main-content::before{filter: hue-rotate(133deg);}

body.themGreen{
    --menuColor1:#0E6C5E;
    --menuColor2:#95cd66;
    --mainColor:#dcedc9;
    --subColor1:#148f1e;
    --subColor2:#95cd66;
    --subColor3:#dcedc9;
}
body.themGreen #main-content::before{filter: hue-rotate(256deg);}

body.themPer{
    --menuColor1:#9e38d1;
    --menuColor2:#ae79da;
    --mainColor:#faf3ff;
    --subColor1:#6a148f;
    --subColor2:#9846d3;
    --subColor3:#edd5ff;
}
body.themPer #main-content::before{ filter: hue-rotate(45deg);}

body.themOrg{
    --menuColor1:#d16138;
    --menuColor2:#da9079;
    --mainColor:#fff8f3;
    --subColor1:#8f3b14;
    --subColor2:#ea7d3e;
    --subColor3:#ffebd5;
}
body.themOrg #main-content::before{ filter: hue-rotate(168deg);}