.themeDarkOrange{
    --bodyBackgroundColor: #151515; 
    --mainBackgroundColor: #181818;
    --mainBackgroundHoverColor: #1c1c1c;
    --mainOutLineColor: #1f1f1f;
    --mainColor: #ff901f;
    --mainColorGradient: #ff9d3b;
    --aLinkColor: #ff901f;
    --aHoverColor: #ffc78f;
    --aVisitedColor: #a5723e;
    --h3Color: #444;
    --fontColor: #CCC;
    --proStatement: #666;
}

.themeLight{ /*not finished*/
    --bodyBackgroundColor: #eee; 
    --mainBackgroundColor: #d9d9d9;
    --mainOutLineColor: #c9c9c9;
    --mainColor: #8d7800;
    --mainColorGradient: #ff952b;
    --aLinkColor: #86C232;
    --aHoverColor: #ff8000;
    --aVisitedColor: #aa5500;
    --h3Color: #c2c2c2;
    --fontColor: #353535;
    --proStatement: #777;
}

.themeDarkGreen{
    --bodyBackgroundColor: #222629; 
    --mainBackgroundColor: #222629; /*474B4F 6B6E70*/
    --mainOutLineColor: #61892F;
    --mainColor: #86C232;
    --mainColorGradient: #61892F;
    --aLinkColor: #86C232;
    --aHoverColor: #61892F;
    --aVisitedColor: #61892F;
    --h3Color: #c2c2c2;
    --fontColor: #c2c2c2;
    --proStatement: #777;
}

.themeSophisticated{
    /* #5D5C61 #938e94 #7395AE #557A95 #B1A296 */
    --bodyBackgroundColor: #5D5C61; 
    --mainBackgroundColor: #5d5b61; /*#938e94*/
    --mainOutLineColor: #938e94;
    --mainColor: #7395AE;
    --mainColorGradient: #7395AE;
    --aLinkColor: #7395AE;
    --aHoverColor: #B1A296;
    --aVisitedColor: #557A95;
    --h3Color: #c2c2c2;
    --fontColor: #c2c2c2;
    --proStatement: #777;
}

.themeWhiteRed{
    --bodyBackgroundColor: #eee; 
    --mainBackgroundColor: #fff;
    --mainOutLineColor: #ddd;
    --mainColor: #000;
    --mainColorGradient: #111;
    --aLinkColor: #af0000;
    --aHoverColor: #F00;
    --aVisitedColor: #600;
    --h3Color: #444;
    --fontColor: #222;
    --proStatement: #333;
}

.themeBold{
    --bodyBackgroundColor: #0B0C10; 
    --mainBackgroundColor: #1F2833;
    --mainOutLineColor: #2d3949;
    --mainColor: #66FCF1;
    --mainColorGradient: #45A29E;
    --aLinkColor: #66FCF1;
    --aHoverColor: #C5C6C7;
    --aVisitedColor: #45A29E;
    --h3Color: #1F2833;
    --fontColor: #C5C6C7;
    --proStatement: #C5C6C7;
}

.themeSleek{ /* D9B08C FFCB9A*/
    --bodyBackgroundColor: #2C3531; 
    --mainBackgroundColor: #36413c;
    --mainOutLineColor: #2d3949;
    --mainColor: #FFCB9A;
    --mainColorGradient: #D9B08C;
    --aLinkColor: #66FCF1;
    --aHoverColor: #C5C6C7;
    --aVisitedColor: #45A29E;
    --h3Color: #1F2833;
    --fontColor: #D1E8E2;
    --proStatement: #D1E8E2;
}

.themeMinimalWarm{ /* EAE7DC D8C3A5*/
    --bodyBackgroundColor: #EAE7DC; 
    --mainBackgroundColor:  #EAE7DC; 
    --mainOutLineColor: #E98074;
    --mainColor: #E85A4F;
    --mainColorGradient: #E98074;
    --aLinkColor: #D8C3A5;
    --aHoverColor: #C5C6C7;
    --aVisitedColor: #45A29E;
    --h3Color: #1F2833;
    --fontColor: #8E8D8A;
    --proStatement: #8E8D8A;
}

.themeBright{ /* FAED26 46344E 5A5560 9D8D8F 9B786F*/
    --bodyBackgroundColor: #9D8D8F; 
    --mainBackgroundColor:  #9D8D8F; 
    --mainOutLineColor: #FAED26;
    --mainColor: #FAED26;
    --mainColorGradient: #FAED26;
    --aLinkColor: #FAED26;
    --aHoverColor: #C5C6C7;
    --aVisitedColor: #45A29E;
    --h3Color: #1F2833;
    --fontColor: #46344E;
    --proStatement: #46344E;
}

.themeFearless{ /* 314455 644E5B 9E5A63 C96567 97AABD*/
    --bodyBackgroundColor: #C96567; 
    --mainBackgroundColor:  #9E5A63; 
    --mainOutLineColor: #644E5B;
    --mainColor: #314455;
    --mainColorGradient: #314455;
    --aLinkColor: #97AABD;
    --aHoverColor: #644E5B;
    --aVisitedColor: #97AABD;
    --h3Color: #1F2833;
    --fontColor: #314455;
    --proStatement: #314455;
}