MODX CodeMirror Theme: idlefingers

monokai.css

/* 
    I admit I cba to figure out howto add a new theme to MODX Codemirror. :)
    So for now: just edit the monokai theme in /assets/components/codemirror/cm/theme/monokai.css and select it in the plugin's prefs.
    Don't forget to clear the cache.
*/
.cm-s-monokai { font-family: Monaco, Menlo,"Andale Mono","lucida console","Courier New",monospace !important; font-size:.85em !important; }
.cm-s-monokai { background: #393939; color: #ccc; }
.cm-s-monokai .CodeMirror-selected { background: #000 !important; color: #efefef; }
.cm-s-monokai .CodeMirror-searching { background: #2A543A !important; }
.cm-s-monokai .CodeMirror-gutter { background: #333333; border-right: 0px; }
.cm-s-monokai .CodeMirror-gutter-text { color: #909090; }
.cm-s-monokai .CodeMirror-cursor { border-left: 1px solid #8dff00 !important; }

.cm-s-monokai span.cm-comment { color: #75715E; }
.cm-s-monokai span.cm-atom { color: #6C99BB; }
.cm-s-monokai span.cm-number { color: #6C99BB; }

.cm-s-monokai span.cm-property, .cm-s-monokai span.cm-attribute {color: #dfcd8f;}
.cm-s-monokai span.cm-keyword { color: #CC7833; }
.cm-s-monokai span.cm-string { color: #9cbc6b; }

.cm-s-monokai span.cm-variable {color: #889f78;}
.cm-s-monokai span.cm-variable-2 { color: #B7DFF8; }
.cm-s-monokai span.cm-def { color: #6C99BB; }
.cm-s-monokai span.cm-error { color: #5b9dba; }
.cm-s-monokai span.cm-bracket { color: #f8F8F2; }
.cm-s-monokai span.cm-tag {color: #c3a74a;}

.cm-s-monokai .cm-matchhighlight {
 /* wish I knew how to style the highlighted, matching strings */
}

.cm-s-monokai .activeline { background: #333333; }

.CodeMirror-matchingbracket{
	text-decoration: underline;
	color: white !important;
}