:root[theme='dark'] {
    --border-radius-default: 10px;
    --box-shadow: 3px 3px 5px #1e1400;
    --box-shadow-ligt: 3px 3px 5px #54545459;
    --border: 1px solid #b1b1b157;
    --datepicker-bg-color: #373737;
    --theme-background-color: #2a2a2bcf;
    --theme-background-color-lite: #a28c622b;
    --modal-background-color: #a16e064a;
    --button-background-color: #895700;
    --background-color: #2a2a2b;
    --background-color-left-panel: #80808066;
    --background-color-blur: #2b2b2b00;
    --background-color-blur2: #2b2b2b96;
    --background-color-blur3: #29292929;
    --background-color-blur4: #29292970;
    --backdrop-filter: blur(10px);
    --background-color-filterextend-items-container: #292929;
    --funnel-item-background-color: #373737;
    --button-fore-color: white;
    --button-fore-color-hover: white;
    --border-color: #373737;
    --theme-color-1: #ffab00;
    --dashboard-card-bacground-color: var(--background-color);
    --color-green: #35d930;
    --color-white-green: #9dff9a;
    --color-darkgreen: #246a22;
    --color-red: #ff6666;
    --color-orangered: orangered;
    --color-blue: #3fa0ff;
    --color-skyblue: #5cd0ff;
    --color-yellow: yellow;
    --color-meta: #999999;
    --color-darkslateblue: #223841;
    --fore-color: white;
    --label-color: #eee8aa;
    --webkit-calendar-picker-indicator-filter: invert(1);
    --description-color: #ddd;
    --description-bgcolor: darkcyan;
    --border-droppable: dotted 2px var(--border-color);
    --button-animate-bg-color: transparent;
    --modal-background-color: #16130bc2;
    --theme-lera-color-yellow: #ffff00;
    --scrollbar-color: var(--color-meta);
}

:root {
    --border-radius-default: 10px;
    --box-shadow: 3px 3px 5px #54545459;
    --box-shadow-ligt: 3px 3px 5px #54545459;
    --border: 1px solid #b1b1b157;
    --datepicker-bg-color: #ddd;
    --theme-background-color: #fff;
    --theme-background-color-lite: #a28c6252;
    --modal-background-color: #f5c97138;
    --button-background-color: #b07613;
    --button-fore-color-hover: black;
    --background-color: white;
    --background-color-left-panel: #80808066;
    --background-color-blur: #ffffff73;
    --background-color-blur2: #fff;
    --background-color-blur3: #fff;
    --background-color-blur4: #fff;
    --background-color-filterextend-items-container: #fff;
    --funnel-item-background-color: #efefef;
    --backdrop-filter: blur(10px);
    --button-fore-color: black;
    --border-color: #ddd;
    --theme-color-1: #bd8c29;
    --dashboard-card-bacground-color: #d2f2ff;
    --color-green: #00c500;
    --color-white-green: #9dff9a;
    --color-darkgreen: #246a22;
    --color-red: red;
    --color-orangered: orangered;
    --color-darkslateblue: #e6e2ff;
    --color-meta: #6c6c6c;
    --fore-color: black;
    --label-color: #454139;
    --color-blue: dodgerblue;
    --color-skyblue: skyblue;
    --color-yellow: #c5c500;
    --webkit-calendar-picker-indicator-filter: invert(0);
    --description-color: #545454;
    --description-bgcolor: #c2ffc2;
    --border-droppable: dotted 2px var(--border-color);
    --button-animate-bg-color: var(--theme-color-1);
    --modal-background-color: #d76c0045;
    --theme-lera-color-yellow: #ffd700;
    --scrollbar-color: var(--color-skyblue);
}