Fixed codepen Solarized Dark

ces_theme.json

{"elements":[{"prettyName":"Background","selector":".box, .editor .top-boxes, .CodeMirror-gutter-wrapper, body.project .editor-pane, body.project .editor","color":"#002b36","description":false,"prop":"background"},{"prettyName":"Cursor","selector":".CodeMirror-cursor","color":"#839496","description":false,"prop":"border-left-color"},{"prettyName":"Default","selector":".CodeMirror pre, .box pre,.editor .top-boxes pre,.CodeMirror-gutter-wrapper pre","color":"#839496","description":"when nothin' else applies","prop":"color"},{"prettyName":"Keyword","selector":".cm-keyword","color":"#268bd2","description":"e.g. var, function","prop":"color"},{"prettyName":"Atom","selector":".cm-atom","color":"#859900","description":"used for some CSS values and JS primitives (e.g. null, undefined)","prop":"color"},{"prettyName":"HTML Atom","selector":".box-html .cm-atom","color":"#cb4b16","description":"e.g. HTML entities","prop":"color"},{"prettyName":"Definition","selector":".cm-def","color":"#b58900","description":"e.g. @include, var foo","prop":"color"},{"prettyName":"Variable","selector":".cm-variable","color":"#839496","description":"for already-defined variables","prop":"color"},{"prettyName":"Variable 2","selector":".cm-variable-2","color":"#859900","description":"e.g. markdown lists, JS args, SCSS variables","prop":"color"},{"prettyName":"Variable 3","selector":".cm-variable-3","color":"#93a1a1","description":"used for CSS psuedo elements e.g. :before","prop":"color"},{"prettyName":"Header","selector":".cm-header","color":"#cb4b16","description":"used for Markdown headers and maybe other stuff","prop":"color"},{"prettyName":"Number","selector":".cm-number","color":"#2aa198","description":false,"prop":"color"},{"prettyName":"Property","selector":".cm-property","color":"#b58900","description":"CSS properties, JS object properties","prop":"color"},{"prettyName":"Attribute","selector":".cm-attribute","color":"#839496","description":"HTML attributes","prop":"color"},{"prettyName":"Builtin","selector":".cm-builtin","color":"#6c71c4","description":"used for CSS ID selectors","prop":"color"},{"prettyName":"Qualifier","selector":".cm-qualifier","color":"#268bd2","description":"used for CSS class selectors","prop":"color"},{"prettyName":"Operator","selector":".cm-operator","color":"#859900","description":"e.g. =, +, -","prop":"color"},{"prettyName":"Meta","selector":".cm-meta","color":"#268bd2","description":"used for vendor prefixes","prop":"color"},{"prettyName":"String Color","selector":".cm-string","color":"#2aa198","description":false,"prop":"color"},{"prettyName":"Secondary String","selector":".cm-string-2","color":"#d33682","description":"some CSS values","prop":"color"},{"prettyName":"HTML Tag","selector":".cm-tag","color":"#268bd2","description":"tags in HTML","prop":"color"},{"prettyName":"CSS Tag","selector":".box-css .cm-tag","color":"#859900","description":"element selectors in CSS","prop":"color"},{"prettyName":"Tag Bracket","selector":".cm-tag.cm-bracket","color":"#839496","description":"angle brackets in HTML","prop":"color"},{"prettyName":"Line Number","selector":".CodeMirror-linenumber","color":"#839496","description":false,"prop":"color"},{"prettyName":"Gutter Marker","selector":".CodeMirror-guttermarker-subtle","color":"#93a1a1","description":"e.g. those toggle arrows next to line numbers","prop":"color"},{"prettyName":"Comment","selector":".cm-comment","color":"#586e75","description":false,"prop":"color"},{"prettyName":"Selected","selector":".cm-searching, .CodeMirror-focused .CodeMirror-selected, .CodeMirror-selected","color":"#073642","description":"used for highlighted text","prop":"background-color"}],"light":false}

custom_theme.css

.box, .editor .top-boxes, .CodeMirror-gutter-wrapper, body.project .editor-pane, body.project .editor{background:#002b36;}.CodeMirror-cursor{border-left-color:#839496;}.CodeMirror pre, .box pre,.editor .top-boxes pre,.CodeMirror-gutter-wrapper pre{color:#839496;}.cm-keyword{color:#268bd2;}.cm-atom{color:#859900;}.box-html .cm-atom{color:#cb4b16;}.cm-def{color:#b58900;}.cm-variable{color:#839496;}.cm-variable-2{color:#859900;}.cm-variable-3{color:#93a1a1;}.cm-header{color:#cb4b16;}.cm-number{color:#2aa198;}.cm-property{color:#b58900;}.cm-attribute{color:#839496;}.cm-builtin{color:#6c71c4;}.cm-qualifier{color:#268bd2;}.cm-operator{color:#859900;}.cm-meta{color:#268bd2;}.cm-string{color:#2aa198;}.cm-string-2{color:#d33682;}.cm-tag{color:#268bd2;}.box-css .cm-tag{color:#859900;}.cm-tag.cm-bracket{color:#839496;}.CodeMirror-linenumber{color:#839496;}.CodeMirror-guttermarker-subtle{color:#93a1a1;}.cm-comment{color:#586e75;font-style:italic;}.cm-searching, .CodeMirror-focused .CodeMirror-selected, .CodeMirror-selected{background-color:#073642;}