[data-bs-theme=summer] {
    color-scheme: summer;
    /*Custom var*/
    --summer-theme-primary: #18adeb;
    --summer-theme-primary-rgb: 24, 173, 235;
    --bs-summer-bg-rgb: 255,255,255;
    /*Status*/
    --status-opacity: 0.3;
    --status-active: #18adeb;
    --status-active-rgb: 24, 173, 235;
    --status-inactive: #6c757d;
    --status-inactive-rgb: 108, 117, 125;
    --status-error: #dc3545;
    --status-error-rgb: 220, 53, 69;
    --status-obsolete: #b3b3b3;
    --status-obsolete-rgb: 179, 179, 179;
    --status-success: #1e9b84;
    --status-success-rgb: 30, 155, 132;
    --status-warning: #ffc107;
    --status-warning-rgb: 255, 193, 7;
}

    [data-bs-theme=summer].app-sidebar,
    [data-bs-theme=summer] .app-sidebar {
        --lte-sidebar-hover-color: var(--summer-theme-primary);
        --lte-sidebar-hover-bg: rgba(var(--summer-theme-primary-rgb), 0.14);
        --lte-sidebar-color: #000;
        --lte-sidebar-active-color: #fff;
        --lte-sidebar-menu-active-bg: rgba(var(--summer-theme-primary-rgb), 0.14);
        --lte-sidebar-menu-active-color: var(--summer-theme-primary);
        /*Submenu/ tree child link not active*/
        --lte-sidebar-submenu-bg: transparent;
        --lte-sidebar-submenu-color: #000;
        --lte-sidebar-submenu-hover-color: var(--summer-theme-primary);
        --lte-sidebar-submenu-hover-bg: rgba(var(--summer-theme-primary-rgb), 0.14);
        /*Submenu/ tree child link active*/
        --lte-sidebar-submenu-active-color: var(--summer-theme-primary);
        --lte-sidebar-submenu-active-bg: rgba(var(--summer-theme-primary-rgb), 0.14);
        --lte-sidebar-header-color: #000;
    }