1 .cm-s-rubyblue.CodeMirror { background: #112435; color: white; }
\r 
   2 .cm-s-rubyblue div.CodeMirror-selected { background: #38566F; }
\r 
   3 .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); }
\r 
   4 .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); }
\r 
   5 .cm-s-rubyblue .CodeMirror-gutters { background: #1F4661; border-right: 7px solid #3E7087; }
\r 
   6 .cm-s-rubyblue .CodeMirror-guttermarker { color: white; }
\r 
   7 .cm-s-rubyblue .CodeMirror-guttermarker-subtle { color: #3E7087; }
\r 
   8 .cm-s-rubyblue .CodeMirror-linenumber { color: white; }
\r 
   9 .cm-s-rubyblue .CodeMirror-cursor { border-left: 1px solid white; }
\r 
  11 .cm-s-rubyblue span.cm-comment { color: #999; font-style:italic; line-height: 1em; }
\r 
  12 .cm-s-rubyblue span.cm-atom { color: #F4C20B; }
\r 
  13 .cm-s-rubyblue span.cm-number, .cm-s-rubyblue span.cm-attribute { color: #82C6E0; }
\r 
  14 .cm-s-rubyblue span.cm-keyword { color: #F0F; }
\r 
  15 .cm-s-rubyblue span.cm-string { color: #F08047; }
\r 
  16 .cm-s-rubyblue span.cm-meta { color: #F0F; }
\r 
  17 .cm-s-rubyblue span.cm-variable-2, .cm-s-rubyblue span.cm-tag { color: #7BD827; }
\r 
  18 .cm-s-rubyblue span.cm-variable-3, .cm-s-rubyblue span.cm-def, .cm-s-rubyblue span.cm-type { color: white; }
\r 
  19 .cm-s-rubyblue span.cm-bracket { color: #F0F; }
\r 
  20 .cm-s-rubyblue span.cm-link { color: #F4C20B; }
\r 
  21 .cm-s-rubyblue span.CodeMirror-matchingbracket { color:#F0F !important; }
\r 
  22 .cm-s-rubyblue span.cm-builtin, .cm-s-rubyblue span.cm-special { color: #FF9D00; }
\r 
  23 .cm-s-rubyblue span.cm-error { color: #AF2018; }
\r 
  25 .cm-s-rubyblue .CodeMirror-activeline-background { background: #173047; }
\r