.light-theme ::selection {
  background: #ffb7b7;
}

.light-theme ::-webkit-scrollbar-thumb {
  background: red;

  border-radius: 8px;
}

.light-theme ::-webkit-scrollbar-thumb:hover {
  background: #b30000;
}

.light-theme .listedSong:hover {
  background: #b30000 !important;
}

.light-theme .mainBody {
  background: #dddd77;
}

.light-theme .mainPage {
  background: #dddd77;

  color: black;
}

.light-theme .mainLayout {
  background: #dddd77;

  color: black;
}

.light-theme .chordPage {
  background: white;

  color: black;
}

.light-theme .currentKey {
  color: black;
}

.light-theme .chordSpan {
  color: #cc2222;
}

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

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

  color: #cc2222;

  font-weight: bold;
}

.light-theme .commentSpan {
  color: #f99;
}

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

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

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

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

.light-theme .topBarIcon.isAwake {
  background: #cc2222 !important;
}

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

  background: #444 !important;
}

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

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

.light-theme .closeIcon img {
  filter: invert(0) !important;
}

.light-theme .closeIcon img:hover {
  filter: invert(1) !important;

  background: #666 !important;
}

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

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

  background-color: #222 !important;
}

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