[data-bs-theme=dark] .bg-light,
[data-bs-theme=dark] .bg-lighter,
[data-bs-theme=dark] .bg-lightest {
  background-color: var(--bs-secondary-bg-subtle) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme=dark] .alert-light {
  --bs-alert-color: var(--bs-body-color);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-border-color);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border-color: var(--bs-alert-border-color);
}

[data-bs-theme=dark] .table-light {
  --bs-table-color: var(--bs-heading-color);
  --bs-table-bg: var(--bs-secondary-bg-subtle);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-striped-bg: color-mix(in sRGB, var(--bs-secondary-bg-subtle) 85%, var(--bs-body-bg));
  --bs-table-striped-color: var(--bs-heading-color);
  --bs-table-hover-bg: color-mix(in sRGB, var(--bs-secondary-bg-subtle) 70%, var(--bs-body-bg));
  --bs-table-hover-color: var(--bs-heading-color);
}

[data-bs-theme=dark] .text-dark {
  color: var(--bs-heading-color) !important;
}

[data-bs-theme=dark] .form-control.bg-light,
[data-bs-theme=dark] .form-select.bg-light,
[data-bs-theme=dark] input.bg-light[readonly],
[data-bs-theme=dark] textarea.bg-light[readonly],
[data-bs-theme=dark] pre.bg-light,
[data-bs-theme=dark] code.bg-light,
[data-bs-theme=dark] .bg-light pre,
[data-bs-theme=dark] .bg-light code {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) 82%, var(--bs-body-bg)) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme=dark] .form-control.bg-light::placeholder,
[data-bs-theme=dark] textarea.bg-light::placeholder {
  color: var(--bs-secondary-color) !important;
}