My JSON Editor theme.

json_editor.css

* {
    font-family: 'Operator Mono', 'Inconsolata-dz for Powerline', 'Fira Code', Monaco !important;
}


html {
    background: rgb(12, 26, 33);
    color: rgba(200, 169, 111, 1);
}

body {
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  white-space: pre;
}

.property {
  font-weight: bold;
}

.type-null {
  color: gray;
}

.type-boolean {
  color: rgba(200, 104, 90, 1);
}

.type-number, a, a:hover {
  color: rgba(81, 164, 182, 1); /** blue **/;
}

.type-string {
  color: rgba(109, 194, 148, 1);
}

.callback-function {
  color: gray;
}

.collapser:after {
  content: "-";
}

.collapsed > .collapser:after {
  content: "+";
}

.ellipsis:after {
  content: " ... ";
}

.collapsible {
  margin-left: 2em;
}

.hoverable {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 2px;
  cursor: "pointer";
}

.hovered {
  background-color: rgba(60, 60, 60, 1);
  cursor: pointer;
}

.collapser {
  padding-right: 6px;
  padding-left: 6px;
}

.status {
  background-color: rgba(27, 30, 36, 0.8);
  color: rgba(233, 233, 233, 1);
  width: 100%;
  border: none;
  opacity: 1 !important;
  padding: 0.5rem 1.5rem;
}

.toolbox {
  background: rgba(81, 164, 182, 1);
  border: none;
  border-bottom-left-radius: 0;
  opacity: 0.95;
  padding: 0.5rem;
  color: rgba(233, 233, 233, 1);
}
  
.toolbox > a {
	color: rgba(233, 233, 233, 1);
}

.toolbox > a:hover {
	color: white;
}