.cm-s-rubyblue.CodeMirror {
  background: #112435;
  color: white;
}
.cm-s-rubyblue div.CodeMirror-selected {
  background: #38566f;
}
.cm-s-rubyblue .CodeMirror-line::selection,
.cm-s-rubyblue .CodeMirror-line > span::selection,
.cm-s-rubyblue .CodeMirror-line > span > span::selection {
  background: rgba(56, 86, 111, 0.99);
}
.cm-s-rubyblue .CodeMirror-line::-moz-selection,
.cm-s-rubyblue .CodeMirror-line > span::-moz-selection,
.cm-s-rubyblue .CodeMirror-line > span > span::-moz-selection {
  background: rgba(56, 86, 111, 0.99);
}
.cm-s-rubyblue .CodeMirror-gutters {
  background: #1f4661;
  border-right: 7px solid #3e7087;
}
.cm-s-rubyblue .CodeMirror-guttermarker {
  color: white;
}
.cm-s-rubyblue .CodeMirror-guttermarker-subtle {
  color: #3e7087;
}
.cm-s-rubyblue .CodeMirror-linenumber {
  color: white;
}
.cm-s-rubyblue .CodeMirror-cursor {
  border-left: 1px solid white;
}

.cm-s-rubyblue span.cm-comment {
  color: #999;
  font-style: italic;
  line-height: 1em;
}
.cm-s-rubyblue span.cm-atom {
  color: #f4c20b;
}
.cm-s-rubyblue span.cm-number,
.cm-s-rubyblue span.cm-attribute {
  color: #82c6e0;
}
.cm-s-rubyblue span.cm-keyword {
  color: #f0f;
}
.cm-s-rubyblue span.cm-string {
  color: #f08047;
}
.cm-s-rubyblue span.cm-meta {
  color: #f0f;
}
.cm-s-rubyblue span.cm-variable-2,
.cm-s-rubyblue span.cm-tag {
  color: #7bd827;
}
.cm-s-rubyblue span.cm-variable-3,
.cm-s-rubyblue span.cm-def,
.cm-s-rubyblue span.cm-type {
  color: white;
}
.cm-s-rubyblue span.cm-bracket {
  color: #f0f;
}
.cm-s-rubyblue span.cm-link {
  color: #f4c20b;
}
.cm-s-rubyblue span.CodeMirror-matchingbracket {
  color: #f0f !important;
}
.cm-s-rubyblue span.cm-builtin,
.cm-s-rubyblue span.cm-special {
  color: #ff9d00;
}
.cm-s-rubyblue span.cm-error {
  color: #af2018;
}

.cm-s-rubyblue .CodeMirror-activeline-background {
  background: #173047;
}

.cm-s-rubyblue span {
  &.cm-tpl-block,
  &.cm-tpl-var {
    color: #fefacd;
  }
  &.cm-tpl-inner {
    color: white;
  }
}
