.theme-panel {
    height: 25% !important;
}

.btn-app-theme {
    --bs-btn-bg: var(--app-theme);
    --bs-btn-color: var(--app-theme-color);
    --bs-btn-border-color: var(--app-theme);
    --bs-btn-hover-bg: var(--app-theme);
    --bs-btn-hover-color: var(--app-theme-color);
    --bs-btn-hover-border-color: var(--app-theme);
    --bs-btn-active-bg: var(--app-theme);
    --bs-btn-active-color: var(--app-theme-color);
    --bs-btn-active-border-color: var(--app-theme);
    --bs-btn-disabled-bg: var(--app-theme);
    --bs-btn-disabled-color: var(--app-theme-color);
    --bs-btn-disabled-border-color: var(--app-theme);
    filter: none;
}
.btn-app-theme:hover {
    filter: brightness(0.9);
}

.form-check-input:checked {
    background-color: var(--app-theme);
    border-color: var(--app-theme);
}

.btn-outline-app-theme {
    --bs-btn-bg: transparent;
    --bs-btn-color: var(--app-theme);
    --bs-btn-border-color: var(--app-theme);
    --bs-btn-hover-bg: var(--app-theme);
    --bs-btn-hover-color: var(--app-theme-color);
    --bs-btn-hover-border-color: var(--app-theme);
    --bs-btn-active-bg: var(--app-theme);
    --bs-btn-active-color: var(--app-theme-color);
    --bs-btn-active-border-color: var(--app-theme);
}