.cm-s-rubyblue.CodeMirror {
    background: #112435;
    color: white;
}

.cm-s-rubyblue div.CodeMirror-selected {
    background: #38566F !important;
}

.cm-s-rubyblue.CodeMirror ::selection {
    background: rgba(56, 86, 111, 0.99);
}

.cm-s-rubyblue.CodeMirror ::-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 !important;
}

.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 {
    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 !important;
}
