(CSS) GraphiQL dark(er) sidebar

graphiql.css

/**** Schema sidebar ****/
/* General text colour */
.cIypmL {
  /*
  color: rgb(20, 24, 35);
  */
  color: rgb(235, 231, 220);
}

/* Outer container */
.fmbSvE {
  /*
  color: rgb(20, 24, 35);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
  background: white none repeat scroll 0% 0%;
  */
  color: rgb(235, 231, 220);
  box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 8px;
  background: #02080F none repeat scroll 0% 0%;
}

/* Left gradient */
.cYskmf {
  background:
    rgba(0, 0, 0, 0)
    linear-gradient(to right,
      rgb(0, 0, 0) 30%,
      rgba(255, 255, 255, 0)
    )
    repeat scroll 0% 0%;
}

/* Search box */
.erXTUe {
  /*
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px;
  background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  */
  height: 44px;
  border-radius: 22px;
  box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 3px;
  background: rgb(0, 0, 0) none repeat scroll 0% 0%;
}
.erXTUe svg {
  display: none;
}
.erXTUe input {
  color: #eee;
  background: #000;
}
.erXTUe input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* Inner container */
.fStwby {
  /*
  box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 6px 0px;
  background: white none repeat scroll 0% 0%;
  */
  box-shadow: rgba(255, 255, 255, 0.3) -1px 1px 6px 0px;
  background: #02080F none repeat scroll 0% 0%;
}

/* Item */
.ehwSnr {
  /*
  background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  */
  background: rgb(0, 0, 0) none repeat scroll 0% 0%;
}

/* Item, selected */
.cNbpAo {
  /*
  background: rgba(0, 0, 0, 0.07) none repeat scroll 0% 0%;
  */
  background: rgba(255, 255, 255, 0.15) none repeat scroll 0% 0%;
}

/* Item, triangle */
.bBTNLs {
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: rgba(255, 255, 255, 0.30);
}
.bBTNLs svg {
  display: none;
}

/* Second column text */
.gPtRQE {
  /*
  color: rgba(0, 0, 0, 0.3);
  */
  color: rgba(255, 255, 255, 0.5);
}

/* Third column text */
.fgDeps {
  /*
  color: rgba(0, 0, 0, 0.5);
  */
  color: rgba(255, 255, 255, 0.6);
}