/* Taken from the popular Visual Studio Vibrant Ink Schema */

.cm-s-vibrant-ink.CodeMirror {
  background: #000;
  color: #fff;
}
.cm-s-vibrant-ink div.CodeMirror-selected {
  background: #35493c;
}
.cm-s-vibrant-ink .CodeMirror-line::selection,
.cm-s-vibrant-ink .CodeMirror-line > span::selection,
.cm-s-vibrant-ink .CodeMirror-line > span > span::selection {
  background: rgba(53, 73, 60, 0.99);
}
.cm-s-vibrant-ink .CodeMirror-line::-moz-selection,
.cm-s-vibrant-ink .CodeMirror-line > span::-moz-selection,
.cm-s-vibrant-ink .CodeMirror-line > span > span::-moz-selection {
  background: rgba(53, 73, 60, 0.99);
}

.cm-s-vibrant-ink .CodeMirror-gutters {
  background: #002240;
  border-right: 1px solid #aaa;
}
.cm-s-vibrant-ink .CodeMirror-guttermarker {
  color: white;
}
.cm-s-vibrant-ink .CodeMirror-guttermarker-subtle {
  color: #d0d0d0;
}
.cm-s-vibrant-ink .CodeMirror-linenumber {
  color: #d0d0d0;
}
.cm-s-vibrant-ink .CodeMirror-cursor {
  border-left: 1px solid white;
}

.cm-s-vibrant-ink .cm-keyword {
  color: #cc7832;
}
.cm-s-vibrant-ink .cm-atom {
  color: #fc0;
}
.cm-s-vibrant-ink .cm-number {
  color: #ffee98;
}
.cm-s-vibrant-ink .cm-def {
  color: #8da6ce;
}
.cm-s-vibrant-ink span.cm-variable-2,
.cm-s-vibrant span.cm-tag {
  color: #ffc66d;
}
.cm-s-vibrant-ink span.cm-variable-3,
.cm-s-vibrant span.cm-def,
.cm-s-vibrant span.cm-type {
  color: #ffc66d;
}
.cm-s-vibrant-ink .cm-operator {
  color: #888;
}
.cm-s-vibrant-ink .cm-comment {
  color: gray;
  font-weight: bold;
}
.cm-s-vibrant-ink .cm-string {
  color: #a5c25c;
}
.cm-s-vibrant-ink .cm-string-2 {
  color: red;
}
.cm-s-vibrant-ink .cm-meta {
  color: #d8fa3c;
}
.cm-s-vibrant-ink .cm-builtin {
  color: #8da6ce;
}
.cm-s-vibrant-ink .cm-tag {
  color: #8da6ce;
}
.cm-s-vibrant-ink .cm-attribute {
  color: #8da6ce;
}
.cm-s-vibrant-ink .cm-header {
  color: #ff6400;
}
.cm-s-vibrant-ink .cm-hr {
  color: #aeaeae;
}
.cm-s-vibrant-ink .cm-link {
  color: #5656f3;
}
.cm-s-vibrant-ink .cm-error {
  border-bottom: 1px solid red;
}

.cm-s-vibrant-ink .CodeMirror-activeline-background {
  background: #27282e;
}
.cm-s-vibrant-ink .CodeMirror-matchingbracket {
  outline: 1px solid grey;
  color: white !important;
}

.cm-s-vibrant-ink span {
  &.cm-tpl-block,
  &.cm-tpl-var {
    color: #ffc66d;
  }
  &.cm-tpl-inner {
    color: white;
  }
}
