body.gradient {
    /* background: linear-gradient(417deg, rgb(2, 0, 36) 0%, var(--dark-color-main) 35%, var(--color-main) 100%); */
    background: linear-gradient(var(--gradient-deg), var(--gradient-color-left), var(--gradient-color-right));
}

body.gradient {
    .menuNewDesign #menu .menu-li:hover:not(.active) .border-right-container .cls-1, 
    .menuNewDesign #menu .menu-li.opened .border-right-container .cls-1
    {
        fill: var(--gradient-color-menu-hover);
    }
    #panel #menu .menu-li:hover a, #panel #menu .menu-li.opened a {
        background-color: var(--gradient-color-menu-hover);
    }
    .menuNewDesign #menu .menu-li.beforeActive:hover:not(.active) .border-right-bottom-container .cls-1 {
        fill: transparent;
    }
    .menuNewDesign #menu .menu-li.afterActive:hover:not(.active) .border-right-top-container .cls-1,
    .menuNewDesign #menu .menu-li.opened:not(.active) .border-right-top-container .cls-1 {
        fill: transparent;
    }
    #opened_application_apps > i {
        color: var(--gradient-color-menu-hover);
    }
    .menu_child:hover, .menu_child.active {
        background-color: var(--gradient-color-menu-hover);
    }
    #page.page_new .gp-card, .gp-grid-content:not(.broadcast) {
        border: 1px solid var(--dark-color-main-border);
    }
    div#serveur ul#logs li a:hover, div#serveur ul#logs li a.active {
        border-left: var(--dark-color-main) 3px solid;
        color: var(--dark-color-main);
        background-color: var(--color-bg-svg-icon);
    }
    #btnResizeFolderBlockContainer {
        border-color: var(--dark-color-main-border);
    }
}