Codemirror pallete with Gruvbox Material Dark variant

gruvbox-material-dark.css

.cm-s-gruvbox-material-dark.CodeMirror,
.cm-s-gruvbox-material-dark .CodeMirror-gutters {
  background-color: #292828;
  color: #d4be98;
}

.cm-s-gruvbox-material-dark .CodeMirror-gutters {
  background: #292828;
  border-right: 0px;
}

.cm-s-gruvbox-material-dark .CodeMirror-linenumber {
  color: #7c6f64;
}

.cm-s-gruvbox-material-dark .CodeMirror-cursor {
  border-left: 1px solid #d4be98;
}

.cm-s-gruvbox-material-dark div.CodeMirror-selected {
  background: #7c6f64;
}

.cm-s-gruvbox-material-dark span.cm-meta {
  color: #68948a;
}

.cm-s-gruvbox-material-dark span.cm-comment {
  color: #7c6f64;
}

.cm-s-gruvbox-material-dark span.cm-number,
span.cm-atom {
  color: #d3869b;
}

.cm-s-gruvbox-material-dark span.cm-keyword {
  color: #b85651;
}

.cm-s-gruvbox-material-dark span.cm-variable {
  color: #d4be98;
}

.cm-s-gruvbox-material-dark span.cm-variable-2 {
  color: #d4be98;
}

.cm-s-gruvbox-material-dark span.cm-variable-3,
.cm-s-gruvbox-material-dark span.cm-type {
  color: #b85651;
}

.cm-s-gruvbox-material-dark span.cm-operator {
  color: #d4be98;
}

.cm-s-gruvbox-material-dark span.cm-callee {
  color: #d4be98;
}

.cm-s-gruvbox-material-dark span.cm-def {
  color: #d4be98;
}

.cm-s-gruvbox-material-dark span.cm-property {
  color: #d4be98;
}

.cm-s-gruvbox-material-dark span.cm-string {
  color: #a9b665;
}

.cm-s-gruvbox-material-dark span.cm-string-2 {
  color: #89b482;
}

.cm-s-gruvbox-material-dark span.cm-qualifier {
  color: #89b482;
}

.cm-s-gruvbox-material-dark span.cm-attribute {
  color: #89b482;
}

.cm-s-gruvbox-material-dark .CodeMirror-activeline-background {
  background: #383432;
}

.cm-s-gruvbox-material-dark .CodeMirror-matchingbracket {
  background: #7c6f64;
  color: #292828 !important;
}

.cm-s-gruvbox-material-dark span.cm-builtin {
  color: #e78a4e;
}

.cm-s-gruvbox-material-dark span.cm-tag {
  color: #e78a4e;
}