body {
  background-color: #202020;
  color: #fff;
}

a {
  color: #fff;
}


/* svg icons */

.svg-icon {
  /* background-color: #fff; */
  filter: invert(100%) sepia(13%) saturate(1%) hue-rotate(77deg) brightness(101%) contrast(101%);
}

.svg-icon.interactive:hover {
  /* background-color: #cfcfcf; */
  /* filter: invert(82%) sepia(0%) saturate(1013%) hue-rotate(185deg) brightness(108%) contrast(81%); */
  filter: brightness(0) saturate(100%) invert(26%) sepia(57%) saturate(5584%) hue-rotate(262deg) brightness(99%) contrast(88%);
}


/* buttons */

.button {
  color: #fff;
}


/* page header */

.pageHeader {
  background-color: #0C0D0F;
}

.panel, .panel-download {
  background-color: #0C0D0F;
}

.separator {
  background-color: #696969;
}

.button {
  background-color: #963CEE;
}

.button:hover {
  background-color: #6F2BB3;
}

.text-subtitle {
  color: #CDCDCD;
}


.button.disabled {
  background-color: #333036;
}


.button.subscribed {
  background-color: #361F5B;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #121315;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #4A4E55;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #35373D;
}

.pageHeader a:hover {
  color: #963CEE;
}