[data-theme="dark"] .dp__input {
    background-color: transparent !important;
    color: white !important;
}

[data-theme="dark"] {
    .toggle-action-icon {
        box-shadow: none !important;
        background-color: transparent !important;
        border: 2px solid var(--evo-dark) !important;
    }

    .toggle-action-icon.active {
        background-color: var(--evo-mint) !important;
        color: var(--evo-dark) !important;
    }
}

.list-group {
    box-shadow: none;
}

[data-theme="dark"] .list-group-item {
    background-color: var(--evo-dark);
    border-color: var(--evo-dark-grey);
}

.list-group-item-action.active {
    background-color: var(--evo-powder-blue) !important;
    color: var(--evo-dark) !important;
    border: none;
}

[data-theme="dark"] .list-group-item-action:hover,
[data-theme="dark"] .list-group-item-action.active:hover,
[data-theme="dark"] .list-group-item-action.active:hover {
    background-color: #b0e0e661;
    color: var(--evo-white) !important;
}

.publisher-statistics-content .filters:after {
    background: var(--evo-powder-blue) !important;
}

/*TABLE*/
[data-theme="dark"] .data-grid-table thead th {
    background-color: var(--evo-light-grey) !important;
    color: var(--evo-white) !important;
}

[data-theme="dark"] .table-bordered tr {
    border-color: var(--evo-light-grey) !important;
}

.table-bordered tr:last-child {
    border: none;
}

[data-theme="dark"] .data-grid-table thead th:after {
    background: transparent !important;
}

[data-theme="dark"] .data-grid-table tfoot .fade-gutter:after {
    background: transparent !important;
}

[data-theme="dark"] .data-grid-table tbody tr td {
    color: var(--evo-white)
}

[data-theme="dark"] .table tr.active td,
[data-theme="dark"] .data-grid-table tbody tr:hover {
    background-color: #f7f5f612 !important;
    text-shadow: none !important;
}

[data-theme="dark"] .code-area {
    background-image: repeating-linear-gradient(-23deg, var(--evo-mint), var(--evo-mint) 10px, transparent 10px, transparent 20px, var(--evo-mint) 20px),
    repeating-linear-gradient(67deg, var(--evo-mint), var(--evo-mint) 10px, transparent 10px, transparent 20px, var(--evo-mint) 20px),
    repeating-linear-gradient(157deg, var(--evo-mint), var(--evo-mint) 10px, transparent 10px, transparent 20px, var(--evo-mint) 20px),
    repeating-linear-gradient(247deg, var(--evo-mint), var(--evo-mint) 10px, transparent 10px, transparent 20px, var(--evo-mint) 20px) !important;
}

[data-theme="light"] .code-area {
    background-image: repeating-linear-gradient(-23deg, var(--evo-mint), var(--evo-mint) 10px, var(--active-dark) 10px, var(--active-dark) 20px, var(--evo-mint) 20px),
    repeating-linear-gradient(67deg, var(--evo-mint), var(--evo-mint) 10px, var(--active-dark) 10px, var(--active-dark) 20px, var(--evo-mint) 20px),
    repeating-linear-gradient(157deg, var(--evo-mint), var(--evo-mint) 10px, var(--active-dark) 10px, var(--active-dark) 20px, var(--evo-mint) 20px),
    repeating-linear-gradient(247deg, var(--evo-mint), var(--evo-mint) 10px, var(--active-dark) 10px, var(--active-dark) 20px, var(--evo-mint) 20px) !important;
    background-color: var(--active-dark) !important;
}

.modal_content .label-toggle {
    color: var(--evo-primary-yellow) !important;
}

.collapsible-content .content-inner {
    border: 2px solid var(--evo-dark) !important;
}

.code-nav-list .code-nav-list__item.active {
    border-image: none !important;
}