:root {
    --background-color: #bdbdbd;
    --text-color: #3a3a3a;
    --frame-border-color:#999999;
    --item-bg-color:#eeeeee;
    --item-hover-color:#fff;
    --card-bg-color:#eeeeee;
    --modal-bg-color:#e1e2e3;
    --input-bg-color:#fff;
    --input-disabled-bg-color:#eeeeee;
    --hdr-text-color:#3a3a3a;
    --pill-color:#fff;
    --green-pill-bg-color:#8ab932;
    --red-pill-bg-color:#c05655;
    --h2-color:#666;
    --h3-color:#828282;
    --icon-color: #666;
    --gry-btn-bg-color: #686a71;
    --green:#8ab932;
    --red:#c05655;
}
.dark-mode {
    --background-color: #222;
    --text-color: #ddd;
    --item-bg-color:#2b2b2b;
    --frame-border-color:#2b2b2b;
    --item-hover-color:#323232;
    --card-bg-color:#2b2b2b;
    --modal-bg-color:#2b2b2b;
    --input-bg-color:#363636;
    --input-disabled-bg-color:#2b2b2b;
    --hdr-text-color:#acacac;
    --pill-color:#ddd;
    --green-pill-bg-color:none;
    --red-pill-bg-color:none;
    --h2-color:#b6b6b6;
    --h3-color:#b6b6b6;
    --icon-color: #b6b6b6;
    --gry-btn-bg-color: #414141;
}