/*jshint esnext:true */

​

var toConvert = `

/*

http://lesscss.org/ dark theme

Ported to CodeMirror by Peter Kroon

*/

#multi.theme-lesser-dark .content { background: #262626; }

#multi.theme-lesser-dark .list .active, #multi.theme-lesser-dark .list li:hover { background:#262626; color:#EBEFE7; }

#multi.theme-lesser-dark .list .dirty { color:#599eff; }

​

.cm-s-lesser-dark {

  line-height: 1.3em;

}

.cm-s-lesser-dark {

}

​

.cm-s-lesser-dark.CodeMirror { background: #262626; color: #EBEFE7; }

.cm-s-lesser-dark div.CodeMirror-selected {background: #45443B !important;} /* 33322B*/

.cm-s-lesser-dark .CodeMirror-cursor { border-left: 1px solid white !important; }

​

.cm-s-lesser-dark.CodeMirror span.CodeMirror-matchingbracket { color: #7EFC7E; }/*65FC65*/

​

.cm-s-lesser-dark .CodeMirror-gutters { background: #262626; border-right:1px solid #aaa; }

.cm-s-lesser-dark .CodeMirror-linenumber { color: #777; }

​

.cm-s-lesser-dark span.cm-keyword { color: #599eff; }

.cm-s-lesser-dark span.cm-atom { color: #C2B470; }

.cm-s-lesser-dark span.cm-number { color: #B35E4D; }

.cm-s-lesser-dark span.cm-def {color: white;}

.cm-s-lesser-dark span.cm-variable { color:#D9BF8C; }

.cm-s-lesser-dark span.cm-variable-2 { color: #669199; }

.cm-s-lesser-dark span.cm-variable-3 { color: white; }

.cm-s-lesser-dark span.cm-property {color: #92A75C;}

.cm-s-lesser-dark span.cm-operator {color: #92A75C;}

.cm-s-lesser-dark span.cm-comment { color: #666; }

.cm-s-lesser-dark span.cm-string { color: #BCD279; }

.cm-s-lesser-dark span.cm-string-2 {color: #f50;}

.cm-s-lesser-dark span.cm-meta { color: #738C73; }

.cm-s-lesser-dark span.cm-error { color: #9d1e15; }

.cm-s-lesser-dark span.cm-qualifier {color: #888;}

.cm-s-lesser-dark span.cm-builtin { color: #ff9e59; }

.cm-s-lesser-dark span.cm-bracket { color: #EBEFE7; }

.cm-s-lesser-dark span.cm-tag { color: #669199; }

.cm-s-lesser-dark span.cm-attribute {color: #00c;}

.cm-s-lesser-dark span.cm-header {color: #a0a;}

.cm-s-lesser-dark span.cm-quote {color: #090;}

.cm-s-lesser-dark span.cm-hr {color: #999;}

.cm-s-lesser-dark span.cm-link {color: #00c;}

​

.cm-s-lesser-dark .CodeMirror-activeline-background {background: #3C3A3A !important;}

.cm-s-lesser-dark .CodeMirror-matchingbracket {outline:1px solid grey; color:white !important;}

`

​

function replacer(match, p1, p2, p3, p4, p5, p6, offset, string) {

  return 'rgb(' 

        + parseInt(p1 || p4, 16) + ', '

        + parseInt(p2 || p5, 16) + ', '

        + parseInt(p3 || p6, 16) + ')';

​

}

​

function convertAll(textToConvert) {

  return textToConvert.replace(/#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})|#([a-f\d]{1})([a-f\d]{1})([a-f\d]{1})/ig, replacer)

}

​

​

document.getElementById('App').innerHTML = '<pre>' + convertAll(toConvert) + '</pre>'