:root { --textStyle: 'Roboto'; --titleStyle: 'Chivo'; --fontSize: 1.1em; --maxWidth: 60rem; --menuWidth: 20rem; } html[data-theme='light'] { --homeBG:#D9DED2; --linkColor:#2D655A; --btnBG:#0B2621; --borderColor:#D9DED2; --toolboxBG:#E7EAE2; --toolboxFG:#555A52; --toolboxActiveBG:#D9DED2; --toolboxActiveFG:#2D655A; --contentBG: #F8FAF5; --contentFG: #3F3F3F; --contentLightFG: #7b7b7b; --accentDarkBG: #2D655A; --accentDarkFG: #ffffff; --accentLightBG: #D9DED2; --accentLightFG: #000; --pBkText: #5B198F; --pBkTextLight: #E8DFFF; --pBkDemo: #3A4D7C; --pBkDemoLight: #DFE9FF; --pBkExpression: #318808; --pBkExpressionLight: #E6FFC6; --pBkWarning: #970000; --pBkWarningLight: #FFD7D7; --pBkComplement: #978800; --pBkComplementLight: #FFF9C6; --headerBG:#F8FAF5; --headerFG:#3F3F3F; --footerBG:#F8FAF5; --footerFG:#3F3F3F; --schBG:#F8FAF5; --schLightBG:#D9DED2; --schCurrentBG:#ffef6d; --schFG:#3F3F3F; --quizAnswerBG:#e2f8d9; --quizAnswerFG:#295716; --quizWorstFG:#aa1016; --quizWorstBG:#ffe7e7; --quizBadFG:#9f5c00; --segmentUndone: #D9DED2; --segmentDone: #3F3F3F; --segmentActive:#2D655A; --inputBG:#E7EAE2; --inputBorder:#D9DED2; --inputFocus:#2D655A; --progressFG: #2D655A; } html[data-theme='dark'] { --homeBG:#3F3F3F; --linkColor:#4BD2B9; --btnBG:#D9DED2; --borderColor: #3F3F3F; --toolboxBG:#3b3b3b; --toolboxFG:#EDFFE5; --toolboxActiveBG:#0B2621; --toolboxActiveFG:#FFFFFF; --contentBG:#292929; --contentFG: #D5DFCD; --contentLightFG: #c0c0c0; --accentDarkBG: #4BD2B9; --accentDarkFG: #000000; --accentLightBG: #3F3F3F; --accentLightFG: #fff; --pBkText: #e7c8ff; --pBkTextLight: #3a2d5d; --pBkDemo: #DFE9FF; --pBkDemoLight: #3A4D7C; --pBkExpression: #E6FFC6; --pBkExpressionLight: #318808; --pBkWarning: #FFD7D7; --pBkWarningLight: #970000; --pBkComplement: #FFF9C6; --pBkComplementLight: #978800; --headerBG:#292929; --headerFG:#D5DFCD; --footerBG:#292929; --footerFG:#D5DFCD; --schBG:#292929; --schLightBG:#0B2621; --schCurrentBG:#847811; --schFG:#D5DFCD; --quizAnswerBG:#293e21; --quizAnswerFG:#3ca610; --quizWorstFG:#ff5d63; --quizWorstBG:#36191a; --quizBadFG:#d38c2a; --segmentUndone: #3F3F3F; --segmentDone: #000000; --segmentActive: #4BD2B9; --inputBG: #3B3B3B; --inputBorder: #191919; --inputFocus: #4BD2B9; --progressFG: #4BD2B9; }