body{
    background: var(--body-bg)!important;
}

header{
    background: var(--header-bg)!important;
    border-color: var(--base-border)!important;
    border-bottom-width: 1px!important;
    color: var(--header-text)!important;

    /* bg-white border-gray-200 dark:bg-gray-800 dark:border-gray-700 */
}

aside{
    background: var(--aside-bg)!important;
    border-color: var(--base-border)!important;
}

svg.menu_icon{
    fill: var(--base-text)!important;
}

#logo-sidebar{
    color: var()
}

.base_text{
    color: var(--base-text)!important
}

.base_ring{
    --tw-ring-color: var(--base-ring)!important;
    /* 
    dark:focus:ring-gray-600
    dark:focus:ring-gray-600
    */
}

.ring1{
    --tw-ring-color: var(--ring1)!important;
}

.ring2{
    --tw-ring-color: var(--ring2)!important;
}

#dropdown-user{

    background: var(--header-user-bg)!important;

    ul li a{
        color: var(--profile-menu-text)!important;
    
        &:hover{
            background: var(--profile-menu-hover-bg)!important;
            color: var(--profile-menu-hover-text)!important;
        }
    }
}

.side_menu_item{
    &:hover{
        background: var(--side-menu-hover-bg)!important;
    }
    /* 
    
    hover:bg-gray-100 base_text dark:hover:bg-gray-700
*/
}