:root {
    --gears-color: #000;
    --bs-body-bg: var(--fill-color);
    --bs-body-bg-rgb: var(--fill-color);
    --bs-table-color: #fff;
}

.table>:not(caption)>*>* {
    color: #fff;
}

fluent-badge {

    --badge-fill-Created: var(--downtime-created);
    --badge-color-Created: #fff;

    --badge-fill-Confirmed: var(--downtime-confirmed);
    --badge-color-Confirmed: #fff;

    --badge-fill-Approved: var(--downtime-approved);
    --badge-color-Approved: #fff;

    --badge-fill-Rejected: var(--downtime-rejected);
    --badge-color-Rejected: #fff;

    --badge-fill-InProgress: var(--downtime-inprogress);
    --badge-color-InProgress: #fff;

    --badge-fill-Implemented: var(--downtime-validated);
    --badge-color-Implemented: #fff;

    --badge-fill-Verified: var(--downtime-validated);
    --badge-color-Verified: #fff;

    --badge-fill-Cancelled: var(--downtime-cancelled);
    --badge-color-Cancelled: #fff;

    --badge-fill-Aborted: var(--downtime-cancelled);
    --badge-color-Aborted: #fff;

    --badge-fill-Closed: var(--downtime-closed);
    --badge-color-Closed: #fff;
}