1.cm-s-abcdef.CodeMirror { background: #0f0f0f; color: #defdef; } 2.cm-s-abcdef div.CodeMirror-selected { background: #515151; } 3.cm-s-abcdef .CodeMirror-line::selection, .cm-s-abcdef .CodeMirror-line > span::selection, .cm-s-abcdef .CodeMirror-line > span > span::selection { background: rgba(56, 56, 56, 0.99); } 4.cm-s-abcdef .CodeMirror-line::-moz-selection, .cm-s-abcdef .CodeMirror-line > span::-moz-selection, .cm-s-abcdef .CodeMirror-line > span > span::-moz-selection { background: rgba(56, 56, 56, 0.99); } 5.cm-s-abcdef .CodeMirror-gutters { background: #555; border-right: 2px solid #314151; } 6.cm-s-abcdef .CodeMirror-guttermarker { color: #222; } 7.cm-s-abcdef .CodeMirror-guttermarker-subtle { color: azure; } 8.cm-s-abcdef .CodeMirror-linenumber { color: #FFFFFF; } 9.cm-s-abcdef .CodeMirror-cursor { border-left: 1px solid #00FF00; } 10 11.cm-s-abcdef span.cm-keyword { color: darkgoldenrod; font-weight: bold; } 12.cm-s-abcdef span.cm-atom { color: #77F; } 13.cm-s-abcdef span.cm-number { color: violet; } 14.cm-s-abcdef span.cm-def { color: #fffabc; } 15.cm-s-abcdef span.cm-variable { color: #abcdef; } 16.cm-s-abcdef span.cm-variable-2 { color: #cacbcc; } 17.cm-s-abcdef span.cm-variable-3, .cm-s-abcdef span.cm-type { color: #def; } 18.cm-s-abcdef span.cm-property { color: #fedcba; } 19.cm-s-abcdef span.cm-operator { color: #ff0; } 20.cm-s-abcdef span.cm-comment { color: #7a7b7c; font-style: italic;} 21.cm-s-abcdef span.cm-string { color: #2b4; } 22.cm-s-abcdef span.cm-meta { color: #C9F; } 23.cm-s-abcdef span.cm-qualifier { color: #FFF700; } 24.cm-s-abcdef span.cm-builtin { color: #30aabc; } 25.cm-s-abcdef span.cm-bracket { color: #8a8a8a; } 26.cm-s-abcdef span.cm-tag { color: #FFDD44; } 27.cm-s-abcdef span.cm-attribute { color: #DDFF00; } 28.cm-s-abcdef span.cm-error { color: #FF0000; } 29.cm-s-abcdef span.cm-header { color: aquamarine; font-weight: bold; } 30.cm-s-abcdef span.cm-link { color: blueviolet; } 31 32.cm-s-abcdef .CodeMirror-activeline-background { background: #314151; } 33