body.dark {
    background-color: var(--dark-color-main);
}

.dark {
    .gp-button-green-new {
        background-color: var(--dark-button-primary-bg) !important;
        color: var(--dark-button-primary-text);
        border: 1px solid var(--dark-button-primary-bg) !important;
    }
    .gp-button-new.gp-button-new-animation.gp-button-green-new::before {
        background-color: var(--dark-button-primary-bg-hover) !important;
        border: 1px solid var(--dark-button-primary-bg-hover) !important;
    }
    .new-design .page-header h1 .fa, .ui-dialog-buttonpane .ui-button:hover, .ui-dialog-buttonpane .ui-button:focus {
        color: var(--dark-button-primary-bg);
    }
    .td-media-name a:hover, #toggle-sub-folder:hover, .td-media-name a:hover, .td-media-attach a:hover, .false-table-td-link a:hover, .dashboard-table a:hover,
    #newPageContainer .gp-card #tabs li a:hover, ul#folders li a.toggleFolder:hover, ul#folders li a:hover, table tr td a:hover, .false-table-tr a:hover, .gp-link:hover {
        color: var(--dark-button-primary-bg);
    }
    #expanse-folders-block, .new-design div#support ul.list_messages li div.user p, .gp-switch input:checked + .slider, .gp-button-green, .progressbar-progress {
        background-color: var(--dark-button-primary-bg);
    }
    .ui-tabs-nav > .ui-state-hover:not(.ui-state-active) {
        background: var(--dark-button-primary-bg) !important;
    }
    .dd .ddChild a.selected, .dd .ddChild a:hover,
    .chzn-container .chzn-results .highlighted, .gp-checkbox input:checked ~ .gp-checkbox-checkmark {
        background-color: var(--dark-button-primary-bg) !important;
    } 
    .gp-input-search:focus, #media_filter_type:focus, #media_filter_type:focus-visible, #group_media_filter_type:focus,
    #group_mediatheque_search:focus, #notif_filter_player:focus, #notif_filter_categories:focus, .gp-fake-select.selected,
    .form-group textarea:focus, .form-group input.form-control:focus, .form-sub-group input.form-control:focus,
    .td-media-name-edit input:focus, .td-media-name-edit button, .td-media-name-edit input,
    .new-design div#support ul.list_messages li div.user p, #groupsManagment input:focus, .sun-editor, .gp-select select:focus, .gp-select .chzn-container-active .chzn-choices {
        border-color: var(--dark-button-primary-bg) !important;
    }
    .gp-input-file input[type="file"]::file-selector-button {
        background: var(--dark-button-primary-bg-hover);
    }
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus,
    .ui-widget-content.ui-state-focus,.ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus, #popup_container {
        border-color: var(--dark-button-primary-bg);
    }
    .ui-button:hover, .ui-button:focus, #popup_title {
        background: var(--dark-button-primary-bg);
    }
    .ui-dialog-buttonpane .ui-button {
        background: #FFF;
    }
    .mediaBroadcastedOnPlayers {
        background-color: var(--dark-color-menu-hover);
    }

    .menuNewDesign #menu .menu-li > a {
        color: var(--dark-color-menu-text) !important;
    }
    .menuNewDesign #menu .menu-li > a.active {
        background-color: var(--dark-color-page-background) !important;
        color: var(--dark-color-menu-text-selected) !important;
    }
    .border-right-container .cls-1 {
        fill: var(--dark-color-page-background);
    }
    .menuNewDesign #menu .menu-li:hover:not(.active) .border-right-container .cls-1, 
    .menuNewDesign #menu .menu-li.opened .border-right-container .cls-1
    {
        fill: var(--dark-color-menu-hover);
    }
    #panel #menu .menu-li:hover a, #panel #menu .menu-li.opened a {
        background-color: var(--dark-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;
    }
    #newPageContainer {
        background-color: var(--dark-color-page-background);
    }
    #opened_application_apps > i {
        color: var(--dark-color-menu-hover);
    }
    .children_menu {
        background-color: var(--dark-color-page-background);
        color: var(--dark-color-menu-text-selected);
        border-right: 1px solid var(--dark-color-main);
    }
    .menu_child:hover, .menu_child.active {
        background-color: var(--dark-color-menu-hover);
        color: var(--dark-color-menu-text);
    }
    #btnResizeMenu, #btnResizeFolderBlock {
        background-color: var(--dark-button-primary-bg);
    }
    #btnResizeFolderBlockContainer {
        border-color: var(--dark-color-main-border);
    }
    #page.page_new .gp-card, .ui-dialog .gp-card, .gp-grid-content:not(.broadcast) {
        border: 1px solid var(--dark-color-main-border);
    }
    div#page ul.filter_day li.selected {
        background: var(--dark-color-menu-hover);
    }
    div#page ul.filter_day li.selected:hover {
        background: var(--dark-color-main);
    }
    #menu_database li a.active {
        border-left: 3px solid var(--dark-color-main) !important;
    }
    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);
    }
    #title_display_medias .breadcrumb:hover {
        color: var(--dark-button-primary-bg);
    }
    #btnCloseLeftCol {
        border: 1px solid var(--dark-color-main-border);
    }
    #btnCloseLeftCol:hover {
        background-color: var(--dark-button-primary-bg);
    }

    .ticket_input_field:focus, .modal_body:not(.modal_body_credit), .modal_body .form-group .form-control:focus,
    .modal_body #ticket_players_chzn.chzn-container-active .chzn-choices, .modal_body #ticket_players:focus {
        border-color: var(--dark-color-main-border) !important;
    }
    #modal_ticket_infos .col-3.gp-card .ticket_info .ticket_info_title i {
        color: var(--color-main) !important;
    }
    #modal_ticket_infos .col-3.gp-card #ticket_players li a:hover,
    #ticket_conversation_field_btns .ticket_conversation_reply_btn i:hover {
        color: var(--dark-color-main) !important;
    }
    #modal_ticket_infos .ticket_conversation_richt .ticket_conversation_message {
        border-color: var(--dark-color-main);
        background-color: var(--color-main-border);
    }
    #feedbackButton, #feedbackButtontxt {
        background-color: var(--color-main);
    }
}