.CodeMirror { background: #fff; font-family: courier new; font-size: 10pt; } .CodeMirror-gutter { background-color: #f7f7f7; border-right: 1px solid #eee; } .CodeMirror-gutter-text { color: #aaa; } .CodeMirror pre { background: transparent; border-radius: 0; border-width: 0; font-family: courier new; font-size: 10pt; } .CodeMirror-cursor { border-left: 1px solid #000!important; } span.CodeMirror-selected { background: #ccc!important; color: HighlightText!important; } .CodeMirror-focused span.CodeMirror-selected { background: Highlight!important; } .CodeMirror-matchingbracket { color: #0f0!important; color: #fff!important; } .CodeMirror-nonmatchingbracket { color: #f22!important; } .cm-s-default { background: #272822; color: #f8f8f2; } .cm-s-default span.CodeMirror-selected { background: #ffe792!important; } .cm-s-default .CodeMirror-gutter { background: #272822; border-right: 0; } .cm-s-default .CodeMirror-gutter-text { color: #d0d0d0; } .cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0!important; } .cm-s-default span.cm-comment { color: #75715e; } .cm-s-default span.cm-atom { color: #ae81ff; } .cm-s-default span.cm-number { color: #ae81ff; } .cm-s-default span.cm-property,.cm-s-default span.cm-attribute { color: #a6e22e; } .cm-s-default span.cm-keyword { color: #f92672; } .cm-s-default span.cm-string { color: #e6db74; } .cm-s-default span.cm-variable { color: #a6e22e; } .cm-s-default span.cm-variable-2 { color: #9effff; } .cm-s-default span.cm-def { color: #fd971f; } .cm-s-default span.cm-error { background: #f92672; color: #f8f8f0; } .cm-s-default span.cm-bracket { color: #f8f8f2; } .cm-s-default span.cm-tag { color: #f92672; } .CodeMirror-lines span { font-family: courier new; font-size: 10pt; } .CodeMirror textarea { font-family: inherit!important; font-size: inherit!important; }