.theme-dark {
    --whole-background-color: #1d1e1e;
    --normal-text-color: #ffffff;
    --hypertext-color: #0000ee;
    --hypertext-visited-color: #551a8b;
    --header-background-color: #1d1e1e;
    --header-normal-text-color: #ffffff;
    --footer-normal-text-color: #ffffff;
    --settings-background-color: #c8cad1;
    --settings-border-color: #a8aab0;
    --settings-header-bar-color: gray;
    --settings-normal-text-color: #212529;
    --settings-button-background-color: #e5e3e3;
    --settings-button-border-color: #fafafa;
    --loginform-text-color: #2d2f2f;
    --loginform-border-color: var(--settings-border-color);
    --loginform-button-border-color: var(--settings-button-border-color);
    --loginform-background-color: #2d2f2f;
    --loginform-separator-color : #555353;
}

.theme-light {
    --whole-background-color: #ffffff;
    --normal-text-color: #000000;
    --hypertext-color: #0000ee;
    --hypertext-visited-color: #551a8b;
    --header-normal-text-color: #000000;
    --header-background-color: #ffffff;
    --footer-normal-text-color: #000000;
    --settings-background-color: #c8cad1;
    --settings-border-color: #a8aab0;
    --settings-header-bar-color: gray;
    --settings-normal-text-color: #212529;
    --settings-button-background-color: #e5e3e3;
    --settings-button-border-color: #fafafa;
    --loginform-text-color: #2d2f2f;
    --loginform-border-color: var(--settings-border-color);
    --loginform-button-border-color: var(--settings-button-border-color);
    --loginform-background-color: #2d2f2f;
    --loginform-separator-color: #555353;
}