:root {
    --bg-color: #ffffff !important;
    --bg-color2: #F7F7F7 !important;
    --bg-color3: #FFFFFFCC !important;
    --bg-color4: #faf7f7cc !important;
    --bg-color5: #EFEFEF !important;
    --bg-color6: #ffffff !important;
    --text-color: #777f7f !important;
    --text-color1: #000 !important;
    --bg-color-reverse: #ffffff !important;
}

.dark-theme {
    --bg-color: #1e1e1e !important;
    --bg-color2: #393737 !important;
    --bg-color3: #393737CC !important;
    --bg-color4: #424040cc !important;
    --bg-color5: #424040cc !important;
    --bg-color6: #393737 !important;
    --text-color: #f0f0f0 !important;
    --text-color1: #ffffff !important;
    --bg-color-reverse: #1e1e1e !important;
}


/* Floating switch style */

.theme-switcher {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
}

.button-switch {
    height: 70px;
    width: 70px;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    background: #dc661e;
}