/* Themes
 * (c) Er2 2022 <er2@dismail.de>
 * Zlib License
 */

:root, .thm-dis {
  --pic-filt:  invert(100%);
  --radius:    16px;
  --bg-col:    #202225;
  --light-col: #36393f;
  --lhter-col: #585b5f;
  --drker-col: #2f3136;
  --dark-col:  #292b2f;
  --text-col:  #ffffff;
  --sep-color: rgba(255, 255, 255, 0.06);
}

.thm-disl {
  --pic-filt:  invert(0%);
  --bg-col:    #e3e5e8;
  --light-col: #ffffff;
  --lhter-col: #ffffff;
  --drker-col: #f2f3f5;
  --dark-col:  #ebedef;
  --text-col:  #222222;
  --sep-color: rgba(0,0,0, 0.06);
}

.thm-amol {
  --bg-col:    #000000;
  --light-col: #000000;
  --lhter-col: #222222;
  --drker-col: #000000;
  --dark-col:  #000000;
  --text-col:  #ffffff;
}

#app {
  background-color: var(--bg-col);
}

#cont, button:not(.nofill) {
  background-color: var(--light-col);
}

#info {
  background-color: var(--dark-col);
}

button:hover, .selected {
  background-color: var(--lhter-col);
}

#cont, button:hover, .selected {
  border-radius: var(--radius);
}

img.mono, svg {
  filter: var(--pic-filt);
}