body.dark {
    --body-background: #223;
    --header-background: #445a;
    --header-color: #eef;
    --header-hover-background: #667c;
    --header-not-implemented-background: #a45a;
    --header-not-implemented-hover-background: #c67a;
    --hr-color: #0007;
    --text-color: #fff;
    --opposite-text-color: #111;
    --box-background: #556a;
    --box-header-background: #667a;
    --table-row-even: #6679;
    --table-row-odd: #6674;
    --table-row-red: #7117;
    --table-row-green: #1717;
    --button-background: #eef;
    --button-hover-background: #ccd;
    --table-button-green: #7f9;
    --table-button-yellow: #fd7;
    --table-button-red: #f68;
    --login-error-color: gold;
    --error-popup-red: #7119;
    --error-popup-text: #fff;
    --error-popup-green: #1719;
    --required-field-color: #f66;
    --box-button-red: #f99;
    --box-button-red-hover: #e88;
}