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

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

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

[data-theme="dark"] .bg-card-light {
  background: #333 !important;
  color: #eee !important;
  border: 0.5px solid #444 !important;
}

[data-theme="dark"] .bg-card-dark {
  background: #212121 !important;
  color: #eee !important;
  border: 0.5px solid #666 !important;
}

[data-theme="dark"] .bg-input {
  background: #2f2f2f !important;
  color: #eee;
  border: 1px solid white !important;
}

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

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

.cl-white {
  color: #eee !important;
}

.cl-readonly {
  color: #777 !important;
}