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

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

[data-theme='dark'] .bg-white {
  background-color: #000 !important;
}

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

[data-theme='dark'] .navbar-brand {
  color: #eee;
}
[data-theme='dark'] .navbar-brand:hover {
  color: #eee !important;
}
[data-theme='dark'] .nav-link {
  color: #eee !important;
}
[data-theme='dark'] .nav-link:hover {
  color: #eeeeeeb4 !important;
}

[data-theme='dark'] .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #eee;
  text-align: left;
  list-style: none;
  background-color: rgba(124, 124, 124, 0.39);
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .25rem;
}