:root{
    --theme-bg: #F1F1F1;
    --oppocity-bg: #222222;
    --theme-color: #111111;
    --theme-sidebar: #ffffff;
    --theme: #6285FF;
    

    --shadow: rgba(0, 0, 0, 0.25);

    --yellow: #F7AE01;
    --red: #D23F3F;
    --green: #7CBBA1;
    --purple: #7C90DB;
    --blue: #B7C3F3;
    --dark-blue: #053c5e

}

html.dark{
    --theme-bg: #222222;
    --oppocity-bg: #F1F1F1;
    --theme-color: #E7E7E7;
    --theme-sidebar: #2d2d2d;
    --shadow: rgba(160, 160, 160, 0.25);
}