body {
    background-color: var(--theme-background-color);
    color: var(--theme-text-color);
}

.theme table thead,
.theme table tbody,
.theme .card,
.theme .card .dropdown > button {
    background-color: var(--theme-background-color-secondary);
    color: var(--theme-text-color);
}

.theme .navbar-brand,
.theme .navbar {
    background-color: transparent;
    color: var(--theme-text-color);
}

.theme .navbar a.nav-link,
.theme table tbody a,
.theme .card-icons a,
.theme table tbody .dropdown > button,
.theme table tbody .dropdown > button:hover {
    color: var(--theme-text-color);
}

.theme-ignore {
    color: unset !important;
}

.theme .table-hover tbody tr:hover {
    color: white;
}

.theme-bg {
    background-color: var(--theme-background-color);
}

.theme-bg-secondary {
    background-color: var(--theme-background-color-secondary);
}

.theme-color {
    color: var(--theme-text-color);
}

.theme hr {
    border-color: var(--theme-text-color);
}

.theme .modal .card {
    background-color: initial;
    color: initial;
}

/*.theme .list-group-item {
    background-color: var(--theme-background-color);
    color: var(--theme-text-color);
}
*/
/*.theme .list-group-item:hover {
    background-color: var(--theme-text-color);
    color: var(--theme-background-color);
}
*/
.theme .card {
    background-color: var(--theme-background-color-secondary);
    color: var(--theme-text-color);
}

.theme .list-group-item.active {
    background-color: var(--theme-background-color-secondary);
    border-color: var(--theme-text-color);
}

button.theme:hover {
    color: var(--theme-text-color);
}

.dropdown-item > i {
    background-color: transparent;
    color: var(--theme-background-color-secondary);
}