[data-theme="dark"] {
  background-color: #0f0f0f !important;
}

[data-theme="dark"] :is(.bg-light, .btn-light),
[data-theme="dark"] :is(.thead-light, .table-light) * {
  background-color: #202020 !important;
  color: var(--light) !important;
}

[data-theme="dark"] :is(.bg-secondary, .btn-secondary),
[data-theme="dark"] :is(.thead-secondary, .table-secondary) * {
  background-color: #414141 !important;
  color: var(--light) !important;
}

[data-theme="dark"] :is(.btn-light, .border-light, .modal-header, .btn-secondary, .border-secondary) {
  border-color: var(--dark) !important;
}

[data-theme="dark"] :is(.bg-white, .modal-content, .shs-select) {
  background-color: #0f0f0f !important;
  color: var(--light) !important;
}

[data-theme="dark"] .bg-black {
  background-color: #eee !important;
}

[data-theme="dark"] .image-style-big-square {
  mix-blend-mode: multiply !important;
}

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

[data-theme="dark"] :is(.bg-warning, .btn-warning),
[data-theme="dark"] :is(.bg-warning, .btn-warning) .text-dark,
[data-theme="dark"] :is(.thead-warning, .table-warning) * {
  color: var(--dark) !important;
}