.dark-theme ::selection {
  background: #009614;
}

.dark-theme ::-webkit-scrollbar-thumb {
  background: #009614;

  border-radius: 8px;
}

.dark-theme ::-webkit-scrollbar-thumb:hover {
  background: #00c21a;
}

.dark-theme .listedSong:hover {
  background: #009614 !important;
}

.dark-theme .mainBody {
  background: #211d31;
}

.dark-theme .mainPage {
  background: #211d31;

  color: black;
}

.dark-theme .mainLayout {
  background: #211d31;

  color: black;
}

.dark-theme .chordPage {
  background: black;

  color: white;
}

.dark-theme .currentKey {
  color: white;
}

.dark-theme .chordSpan {
  color: #1fc535;
}

.dark-theme .chordSpan-secondary {
  color: #a722cc;
}

.dark-theme .numberChordSpan {
  margin: 4px 0;

  color: #1fc535;

  font-weight: bold;
}

.dark-theme .commentSpan {
  color: #060;
}

.dark-theme .topBar {
  background: #444;
}

.dark-theme .topBarIcon:hover {
  background: #666;
}

.dark-theme .topBarIcon img:hover {
  background: #666 !important;
}

.dark-theme .topBarIcon.isToggled {
  background: #222 !important;
}

.dark-theme .topBarIcon.isAwake {
  background: #1fc535 !important;
}

.dark-theme .bottomBar {
  color: #fff !important;

  background: #444 !important;
}

.dark-theme .bottomBarIcon:hover {
  background: #666 !important;
}

.dark-theme .closeIcon:hover {
  background: #666 !important;
}

.dark-theme .closeIcon img:hover {
  background: #666 !important;
}

.dark-theme .popupBar {
  background: #444 !important;
}

.dark-theme .chordSelectionNote {
  color: white !important;

  background-color: #222 !important;
}

.dark-theme .chordSelectionNote:hover {
  background-color: #666 !important;
}