@media (prefers-color-scheme:dark) {

    :root {
        /* Use bootstrap dark theme colors */
        --rz-base-50: #ffffff;
        --rz-base-100: var(--bs-gray-100);
        --rz-base-200: var(--bs-gray-200);
        --rz-base-300: var(--bs-gray-300);
        --rz-base-400: var(--bs-gray-400);
        --rz-base-500: var(--bs-gray-500);
        --rz-base-600: var(--bs-gray-600);
        --rz-base-700: var(--bs-gray-700);
        --rz-base-800: var(--bs-gray-800);
        --rz-base-900: var(--bs-gray-900);
        --rz-primary: var(--bs-primary);
        --rz-secondary: var(--bs-secondary);
        --rz-info: var(--bs-info);
        --rz-success: var(--bs-success);
        --rz-warning: var(--bs-warning);
        --rz-danger: var(--bs-danger);
        --fc-border-color: var(--rz-scheduler-border-color) !important;
        --fc-event-bg-color: rgba(255,255,255,.1) !important;
    }

    .vis-grid {
        border-color: var(--fc-border-color) !important;
    }

    .rz-dropdown-panel.rz-popup:focus-within,
    :not(.rz-dropdown-filter-container) > input:focus,
    .rz-dropdown:focus,
    textarea:focus {
        border-color: var(--bs-primary) !important;
        box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25) !important;
    }

    .list-group-item,
    .progress,
    .card {
        background-color: var(--rz-body-background-color);
    }

    .progress-bar {
        background-color: var(--rz-panel-menu-item-2nd-level-active-background-color);
    }

    .rz-group-header-item-title,
    .rz-dropdown-items,
    label {
        color: var(--bs-body-color);
    }

    p {
        line-height: var(--rz-body-line-height);
        font-size: 0.875em;
        color: var(--bs-body-color);
    }

    .shadow {
        box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    }

    .rz-footer > * {
        margin-top: 4px;
        color: unset !important;
    }

    .rz-dialog {
        border: 2px inset var(--bs-body-color);
    }

    .fc-button {
        color: #fafafa !important;
        background-color: #375a7f !important;
        border-color: #375a7f !important;
    }

        .fc-button:hover {
            color: #fafafa !important;
            background-color: #2f4d6c !important;
            border-color: #2c4866 !important;
        }

    .vis-timeline {
        border: none !important;
    }

    .form-control {
        margin-bottom: 1rem;
    }

    .table > :not(caption) > * > * {
        color: var(--bs-body-color);
    }

    .mw-100per-100px {
        max-width: calc(100% - 100px) !important;
    }
}