Implement snippetSpace; Fix saving of historyEntries; some improvements;

4 years ago · 0007875b3b
589 changed files with 120652 additions and 86 deletions
--- a/css/app.css
+++ b/css/app.css
@ -167,3 +167,18 @@ nav, .card {
    line-height: 0.7em;
    word-spacing: 1px;
 }
 .snippet-space-item {
    display: none;
 }
 .CodeMirror {
    border-radius: 5px;
    margin-top: 1em;
 }
 .btn-wide {
    width: 5em;
    margin-top: 1em;
    margin-left: 1em;
 }
--- a/css/codemirror-themes/3024-day.css
+++ b/css/codemirror-themes/3024-day.css
@ -0,0 +1,41 @@
 /*
    Name:       3024 day
    Author:     Jan T. Sott (http://github.com/idleberg)
    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
 */
 .cm-s-3024-day.CodeMirror { background: #f7f7f7; color: #3a3432; }
 .cm-s-3024-day div.CodeMirror-selected { background: #d6d5d4; }
 .cm-s-3024-day .CodeMirror-line::selection, .cm-s-3024-day .CodeMirror-line > span::selection, .cm-s-3024-day .CodeMirror-line > span > span::selection { background: #d6d5d4; }
 .cm-s-3024-day .CodeMirror-line::-moz-selection, .cm-s-3024-day .CodeMirror-line > span::-moz-selection, .cm-s-3024-day .CodeMirror-line > span > span::selection { background: #d9d9d9; }
 .cm-s-3024-day .CodeMirror-gutters { background: #f7f7f7; border-right: 0px; }
 .cm-s-3024-day .CodeMirror-guttermarker { color: #db2d20; }
 .cm-s-3024-day .CodeMirror-guttermarker-subtle { color: #807d7c; }
 .cm-s-3024-day .CodeMirror-linenumber { color: #807d7c; }
 .cm-s-3024-day .CodeMirror-cursor { border-left: 1px solid #5c5855; }
 .cm-s-3024-day span.cm-comment { color: #cdab53; }
 .cm-s-3024-day span.cm-atom { color: #a16a94; }
 .cm-s-3024-day span.cm-number { color: #a16a94; }
 .cm-s-3024-day span.cm-property, .cm-s-3024-day span.cm-attribute { color: #01a252; }
 .cm-s-3024-day span.cm-keyword { color: #db2d20; }
 .cm-s-3024-day span.cm-string { color: #fded02; }
 .cm-s-3024-day span.cm-variable { color: #01a252; }
 .cm-s-3024-day span.cm-variable-2 { color: #01a0e4; }
 .cm-s-3024-day span.cm-def { color: #e8bbd0; }
 .cm-s-3024-day span.cm-bracket { color: #3a3432; }
 .cm-s-3024-day span.cm-tag { color: #db2d20; }
 .cm-s-3024-day span.cm-link { color: #a16a94; }
 .cm-s-3024-day span.cm-error { background: #db2d20; color: #5c5855; }
 .cm-s-3024-day .CodeMirror-activeline-background { background: #e8f2ff; }
 .cm-s-3024-day .CodeMirror-matchingbracket { text-decoration: underline; color: #a16a94 !important; }
--- a/css/codemirror-themes/3024-night.css
+++ b/css/codemirror-themes/3024-night.css
@ -0,0 +1,39 @@
 /*
    Name:       3024 night
    Author:     Jan T. Sott (http://github.com/idleberg)
    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
 */
 .cm-s-3024-night.CodeMirror { background: #090300; color: #d6d5d4; }
 .cm-s-3024-night div.CodeMirror-selected { background: #3a3432; }
 .cm-s-3024-night .CodeMirror-line::selection, .cm-s-3024-night .CodeMirror-line > span::selection, .cm-s-3024-night .CodeMirror-line > span > span::selection { background: rgba(58, 52, 50, .99); }
 .cm-s-3024-night .CodeMirror-line::-moz-selection, .cm-s-3024-night .CodeMirror-line > span::-moz-selection, .cm-s-3024-night .CodeMirror-line > span > span::-moz-selection { background: rgba(58, 52, 50, .99); }
 .cm-s-3024-night .CodeMirror-gutters { background: #090300; border-right: 0px; }
 .cm-s-3024-night .CodeMirror-guttermarker { color: #db2d20; }
 .cm-s-3024-night .CodeMirror-guttermarker-subtle { color: #5c5855; }
 .cm-s-3024-night .CodeMirror-linenumber { color: #5c5855; }
 .cm-s-3024-night .CodeMirror-cursor { border-left: 1px solid #807d7c; }
 .cm-s-3024-night span.cm-comment { color: #cdab53; }
 .cm-s-3024-night span.cm-atom { color: #a16a94; }
 .cm-s-3024-night span.cm-number { color: #a16a94; }
 .cm-s-3024-night span.cm-property, .cm-s-3024-night span.cm-attribute { color: #01a252; }
 .cm-s-3024-night span.cm-keyword { color: #db2d20; }
 .cm-s-3024-night span.cm-string { color: #fded02; }
 .cm-s-3024-night span.cm-variable { color: #01a252; }
 .cm-s-3024-night span.cm-variable-2 { color: #01a0e4; }
 .cm-s-3024-night span.cm-def { color: #e8bbd0; }
 .cm-s-3024-night span.cm-bracket { color: #d6d5d4; }
 .cm-s-3024-night span.cm-tag { color: #db2d20; }
 .cm-s-3024-night span.cm-link { color: #a16a94; }
 .cm-s-3024-night span.cm-error { background: #db2d20; color: #807d7c; }
 .cm-s-3024-night .CodeMirror-activeline-background { background: #2F2F2F; }
 .cm-s-3024-night .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }
--- a/css/codemirror-themes/abbott.css
+++ b/css/codemirror-themes/abbott.css
@ -0,0 +1,268 @@
 /*
 * abbott.css
 * A warm, dark theme for prose and code, with pastels and pretty greens.
 *
 * Ported from abbott.vim (https://github.com/bcat/abbott.vim) version 2.1.
 * Original design and CodeMirror port by Jonathan Rascher.
 *
 * This theme shares the following color palette with the Vim color scheme.
 *
 * Brown shades:
 *   bistre: #231c14
 *   chocolate: #3c3022
 *   cocoa: #745d42
 *   vanilla_cream: #fef3b4
 *
 * Red shades:
 *   crimson: #d80450
 *   cinnabar: #f63f05
 *
 * Green shades:
 *   dark_olive: #273900
 *   forest_green: #24a507
 *   chartreuse: #a0ea00
 *   pastel_chartreuse: #d8ff84
 *
 * Yellow shades:
 *   marigold: #fbb32f
 *   lemon_meringue: #fbec5d
 *
 * Blue shades:
 *   cornflower_blue: #3f91f1
 *   periwinkle_blue: #8ccdf0
 *
 * Magenta shades:
 *   french_pink: #ec6c99
 *   lavender: #e6a2f3
 *
 * Cyan shades:
 *   zomp: #39a78d
 *   seafoam_green: #00ff7f
 */
 /* Style the UI: */
 /* Equivalent to Vim's Normal group. */
 .cm-s-abbott.CodeMirror {
  background: #231c14 /* bistre */;
  color: #d8ff84 /* pastel_chartreuse */;
 }
 /* Roughly equivalent to Vim's LineNr group. */
 .cm-s-abbott .CodeMirror-gutters {
  background: #231c14 /* bistre */;
  border: none;
 }
 .cm-s-abbott .CodeMirror-linenumber { color: #fbec5d /* lemon_meringue */; }
 .cm-s-abbott .CodeMirror-guttermarker { color: #f63f05 /* cinnabar */; }
 /* Roughly equivalent to Vim's FoldColumn group. */
 .cm-s-abbott .CodeMirror-guttermarker-subtle { color: #fbb32f /* marigold */; }
 /*
 * Roughly equivalent to Vim's CursorColumn group. (We use a brighter color
 * since Vim's cursorcolumn option highlights a whole column, whereas
 * CodeMirror's rule just highlights a thin line.)
 */
 .cm-s-abbott .CodeMirror-ruler { border-color: #745d42 /* cocoa */; }
 /* Equivalent to Vim's Cursor group in insert mode. */
 .cm-s-abbott .CodeMirror-cursor { border-color: #a0ea00 /* chartreuse */; }
 /* Equivalent to Vim's Cursor group in normal mode. */
 .cm-s-abbott.cm-fat-cursor .CodeMirror-cursor,
 .cm-s-abbott .cm-animate-fat-cursor {
  /*
   * CodeMirror doesn't allow changing the foreground color of the character
   * under the cursor, so we can't use a reverse video effect for the cursor.
   * Instead, make it semitransparent.
   */
  background: rgba(160, 234, 0, 0.5) /* chartreuse */;
 }
 .cm-s-abbott.cm-fat-cursor .CodeMirror-cursors {
  /*
   * Boost the z-index so the fat cursor shows up on top of text and
   * matchingbracket/matchingtag highlights.
   */
  z-index: 3;
 }
 /* Equivalent to Vim's Cursor group in replace mode. */
 .cm-s-abbott .CodeMirror-overwrite .CodeMirror-cursor {
  border-bottom: 1px solid #a0ea00 /* chartreuse */;
  border-left: none;
  width: auto;
 }
 /* Roughly equivalent to Vim's CursorIM group. */
 .cm-s-abbott .CodeMirror-secondarycursor {
  border-color: #00ff7f /* seafoam_green */;
 }
 /* Roughly equivalent to Vim's Visual group. */
 .cm-s-abbott .CodeMirror-selected,
 .cm-s-abbott.CodeMirror-focused .CodeMirror-selected {
  background: #273900 /* dark_olive */;
 }
 .cm-s-abbott .CodeMirror-line::selection,
 .cm-s-abbott .CodeMirror-line > span::selection,
 .cm-s-abbott .CodeMirror-line > span > span::selection {
  background: #273900 /* dark_olive */;
 }
 .cm-s-abbott .CodeMirror-line::-moz-selection,
 .cm-s-abbott .CodeMirror-line > span::-moz-selection,
 .cm-s-abbott .CodeMirror-line > span > span::-moz-selection {
  background: #273900 /* dark_olive */;
 }
 /* Roughly equivalent to Vim's SpecialKey group. */
 .cm-s-abbott .cm-tab { color: #00ff7f /* seafoam_green */; }
 /* Equivalent to Vim's Search group. */
 .cm-s-abbott .cm-searching {
  background: #fef3b4 /* vanilla_cream */ !important;
  color: #231c14 /* bistre */ !important;
 }
 /* Style syntax highlighting modes: */
 /* Equivalent to Vim's Comment group. */
 .cm-s-abbott span.cm-comment {
  color: #fbb32f /* marigold */;
  font-style: italic;
 }
 /* Equivalent to Vim's String group. */
 .cm-s-abbott span.cm-string,
 .cm-s-abbott span.cm-string-2 {
  color: #e6a2f3 /* lavender */;
 }
 /* Equivalent to Vim's Constant group. */
 .cm-s-abbott span.cm-number,
 .cm-s-abbott span.cm-string.cm-url { color: #f63f05 /* cinnabar */; }
 /* Roughly equivalent to Vim's SpecialKey group. */
 .cm-s-abbott span.cm-invalidchar { color: #00ff7f /* seafoam_green */; }
 /* Equivalent to Vim's Special group. */
 .cm-s-abbott span.cm-atom { color: #fef3b4 /* vanilla_cream */; }
 /* Equivalent to Vim's Delimiter group. */
 .cm-s-abbott span.cm-bracket,
 .cm-s-abbott span.cm-punctuation {
  color: #fef3b4 /* vanilla_cream */;
 }
 /* Equivalent Vim's Operator group. */
 .cm-s-abbott span.cm-operator { font-weight: bold; }
 /* Roughly equivalent to Vim's Identifier group. */
 .cm-s-abbott span.cm-def,
 .cm-s-abbott span.cm-variable,
 .cm-s-abbott span.cm-variable-2,
 .cm-s-abbott span.cm-variable-3 {
  color: #8ccdf0 /* periwinkle_blue */;
 }
 /* Roughly equivalent to Vim's Function group. */
 .cm-s-abbott span.cm-builtin,
 .cm-s-abbott span.cm-property,
 .cm-s-abbott span.cm-qualifier {
  color: #3f91f1 /* cornflower_blue */;
 }
 /* Equivalent to Vim's Type group. */
 .cm-s-abbott span.cm-type { color: #24a507 /* forest_green */; }
 /* Equivalent to Vim's Keyword group. */
 .cm-s-abbott span.cm-keyword {
  color: #d80450 /* crimson */;
  font-weight: bold;
 }
 /* Equivalent to Vim's PreProc group. */
 .cm-s-abbott span.cm-meta { color: #ec6c99 /* french_pink */; }
 /* Equivalent to Vim's htmlTagName group (linked to Statement). */
 .cm-s-abbott span.cm-tag {
  color: #d80450 /* crimson */;
  font-weight: bold;
 }
 /* Equivalent to Vim's htmlArg group (linked to Type). */
 .cm-s-abbott span.cm-attribute { color: #24a507 /* forest_green */; }
 /* Equivalent to Vim's htmlH1, markdownH1, etc. groups (linked to Title). */
 .cm-s-abbott span.cm-header {
  color: #d80450 /* crimson */;
  font-weight: bold;
 }
 /* Equivalent to Vim's markdownRule group (linked to PreProc). */
 .cm-s-abbott span.cm-hr { color: #ec6c99 /* french_pink */; }
 /* Roughly equivalent to Vim's Underlined group. */
 .cm-s-abbott span.cm-link { color: #e6a2f3 /* lavender */; }
 /* Equivalent to Vim's diffRemoved group. */
 .cm-s-abbott span.cm-negative {
  background: #d80450 /* crimson */;
  color: #231c14 /* bistre */;
 }
 /* Equivalent to Vim's diffAdded group. */
 .cm-s-abbott span.cm-positive {
  background: #a0ea00 /* chartreuse */;
  color: #231c14 /* bistre */;
  font-weight: bold;
 }
 /* Equivalent to Vim's Error group. */
 .cm-s-abbott span.cm-error {
  background: #d80450 /* crimson */;
  color: #231c14 /* bistre */;
 }
 /* Style addons: */
 /* Equivalent to Vim's MatchParen group. */
 .cm-s-abbott span.CodeMirror-matchingbracket {
  background: #745d42 /* cocoa */ !important;
  color: #231c14 /* bistre */ !important;
  font-weight: bold;
 }
 /*
 * Roughly equivalent to Vim's Error group. (Vim doesn't seem to have a direct
 * equivalent in its own matchparen plugin, but many syntax highlighting plugins
 * mark mismatched brackets as Error.)
 */
 .cm-s-abbott span.CodeMirror-nonmatchingbracket {
  background: #d80450 /* crimson */ !important;
  color: #231c14 /* bistre */ !important;
 }
 .cm-s-abbott .CodeMirror-matchingtag,
 .cm-s-abbott .cm-matchhighlight {
  outline: 1px solid #39a78d /* zomp */;
 }
 /* Equivalent to Vim's CursorLine group. */
 .cm-s-abbott .CodeMirror-activeline-background,
 .cm-s-abbott .CodeMirror-activeline-gutter {
  background: #3c3022 /* chocolate */;
 }
 /* Equivalent to Vim's CursorLineNr group. */
 .cm-s-abbott .CodeMirror-activeline-gutter .CodeMirror-linenumber {
  color: #d8ff84 /* pastel_chartreuse */;
  font-weight: bold;
 }
 /* Roughly equivalent to Vim's Folded group. */
 .cm-s-abbott .CodeMirror-foldmarker {
  color: #f63f05 /* cinnabar */;
  text-shadow: none;
 }
--- a/css/codemirror-themes/abcdef.css
+++ b/css/codemirror-themes/abcdef.css
@ -0,0 +1,32 @@
 .cm-s-abcdef.CodeMirror { background: #0f0f0f; color: #defdef; }
 .cm-s-abcdef div.CodeMirror-selected { background: #515151; }
 .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); }
 .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); }
 .cm-s-abcdef .CodeMirror-gutters { background: #555; border-right: 2px solid #314151; }
 .cm-s-abcdef .CodeMirror-guttermarker { color: #222; }
 .cm-s-abcdef .CodeMirror-guttermarker-subtle { color: azure; }
 .cm-s-abcdef .CodeMirror-linenumber { color: #FFFFFF; }
 .cm-s-abcdef .CodeMirror-cursor { border-left: 1px solid #00FF00; }
 .cm-s-abcdef span.cm-keyword { color: darkgoldenrod; font-weight: bold; }
 .cm-s-abcdef span.cm-atom { color: #77F; }
 .cm-s-abcdef span.cm-number { color: violet; }
 .cm-s-abcdef span.cm-def { color: #fffabc; }
 .cm-s-abcdef span.cm-variable { color: #abcdef; }
 .cm-s-abcdef span.cm-variable-2 { color: #cacbcc; }
 .cm-s-abcdef span.cm-variable-3, .cm-s-abcdef span.cm-type { color: #def; }
 .cm-s-abcdef span.cm-property { color: #fedcba; }
 .cm-s-abcdef span.cm-operator { color: #ff0; }
 .cm-s-abcdef span.cm-comment { color: #7a7b7c; font-style: italic;}
 .cm-s-abcdef span.cm-string { color: #2b4; }
 .cm-s-abcdef span.cm-meta { color: #C9F; }
 .cm-s-abcdef span.cm-qualifier { color: #FFF700; }
 .cm-s-abcdef span.cm-builtin { color: #30aabc; }
 .cm-s-abcdef span.cm-bracket { color: #8a8a8a; }
 .cm-s-abcdef span.cm-tag { color: #FFDD44; }
 .cm-s-abcdef span.cm-attribute { color: #DDFF00; }
 .cm-s-abcdef span.cm-error { color: #FF0000; }
 .cm-s-abcdef span.cm-header { color: aquamarine; font-weight: bold; }
 .cm-s-abcdef span.cm-link { color: blueviolet; }
 .cm-s-abcdef .CodeMirror-activeline-background { background: #314151; }
--- a/css/codemirror-themes/ambiance-mobile.css
+++ b/css/codemirror-themes/ambiance-mobile.css
@ -0,0 +1,5 @@
 .cm-s-ambiance.CodeMirror {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
 }
--- a/css/codemirror-themes/ambiance.css
+++ b/css/codemirror-themes/ambiance.css
--- a/css/codemirror-themes/ayu-dark.css
+++ b/css/codemirror-themes/ayu-dark.css
@ -0,0 +1,44 @@
 /* Based on https://github.com/dempfi/ayu */
 .cm-s-ayu-dark.CodeMirror { background: #0a0e14; color: #b3b1ad; }
 .cm-s-ayu-dark div.CodeMirror-selected { background: #273747; }
 .cm-s-ayu-dark .CodeMirror-line::selection, .cm-s-ayu-dark .CodeMirror-line > span::selection, .cm-s-ayu-dark .CodeMirror-line > span > span::selection { background: rgba(39, 55, 71, 99); }
 .cm-s-ayu-dark .CodeMirror-line::-moz-selection, .cm-s-ayu-dark .CodeMirror-line > span::-moz-selection, .cm-s-ayu-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(39, 55, 71, 99); }
 .cm-s-ayu-dark .CodeMirror-gutters { background: #0a0e14; border-right: 0px; }
 .cm-s-ayu-dark .CodeMirror-guttermarker { color: white; }
 .cm-s-ayu-dark .CodeMirror-guttermarker-subtle { color: #3d424d; }
 .cm-s-ayu-dark .CodeMirror-linenumber { color: #3d424d; }
 .cm-s-ayu-dark .CodeMirror-cursor { border-left: 1px solid #e6b450; }
 .cm-s-ayu-dark.cm-fat-cursor .CodeMirror-cursor { background-color: #a2a8a175 !important; }
 .cm-s-ayu-dark .cm-animate-fat-cursor { background-color: #a2a8a175 !important; }
 .cm-s-ayu-dark span.cm-comment { color: #626a73; }
 .cm-s-ayu-dark span.cm-atom { color: #ae81ff; }
 .cm-s-ayu-dark span.cm-number { color: #e6b450; }
 .cm-s-ayu-dark span.cm-comment.cm-attribute { color: #ffb454; }
 .cm-s-ayu-dark span.cm-comment.cm-def { color: rgba(57, 186, 230, 80); }
 .cm-s-ayu-dark span.cm-comment.cm-tag { color: #39bae6; }
 .cm-s-ayu-dark span.cm-comment.cm-type { color: #5998a6; }
 .cm-s-ayu-dark span.cm-property, .cm-s-ayu-dark span.cm-attribute { color: #ffb454; }  
 .cm-s-ayu-dark span.cm-keyword { color: #ff8f40; } 
 .cm-s-ayu-dark span.cm-builtin { color: #e6b450; }
 .cm-s-ayu-dark span.cm-string { color: #c2d94c; }
 .cm-s-ayu-dark span.cm-variable { color: #b3b1ad; }
 .cm-s-ayu-dark span.cm-variable-2 { color: #f07178; }
 .cm-s-ayu-dark span.cm-variable-3 { color: #39bae6; }
 .cm-s-ayu-dark span.cm-type { color: #ff8f40; }
 .cm-s-ayu-dark span.cm-def { color: #ffee99; }
 .cm-s-ayu-dark span.cm-bracket { color: #f8f8f2; }
 .cm-s-ayu-dark span.cm-tag { color: rgba(57, 186, 230, 80); }
 .cm-s-ayu-dark span.cm-header { color: #c2d94c; }
 .cm-s-ayu-dark span.cm-link { color: #39bae6; }
 .cm-s-ayu-dark span.cm-error { color: #ff3333; } 
 .cm-s-ayu-dark .CodeMirror-activeline-background { background: #01060e; }
 .cm-s-ayu-dark .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
 }
--- a/css/codemirror-themes/ayu-mirage.css
+++ b/css/codemirror-themes/ayu-mirage.css
@ -0,0 +1,45 @@
 /* Based on https://github.com/dempfi/ayu */
 .cm-s-ayu-mirage.CodeMirror { background: #1f2430; color: #cbccc6; }
 .cm-s-ayu-mirage div.CodeMirror-selected { background: #34455a; }
 .cm-s-ayu-mirage .CodeMirror-line::selection, .cm-s-ayu-mirage .CodeMirror-line > span::selection, .cm-s-ayu-mirage .CodeMirror-line > span > span::selection { background: #34455a; }
 .cm-s-ayu-mirage .CodeMirror-line::-moz-selection, .cm-s-ayu-mirage .CodeMirror-line > span::-moz-selection, .cm-s-ayu-mirage .CodeMirror-line > span > span::-moz-selection { background: rgba(25, 30, 42, 99); }
 .cm-s-ayu-mirage .CodeMirror-gutters { background: #1f2430; border-right: 0px; }
 .cm-s-ayu-mirage .CodeMirror-guttermarker { color: white; }
 .cm-s-ayu-mirage .CodeMirror-guttermarker-subtle { color:  rgba(112, 122, 140, 66); }
 .cm-s-ayu-mirage .CodeMirror-linenumber { color: rgba(61, 66, 77, 99); }
 .cm-s-ayu-mirage .CodeMirror-cursor { border-left: 1px solid #ffcc66;  }
 .cm-s-ayu-mirage.cm-fat-cursor .CodeMirror-cursor {background-color: #a2a8a175 !important;}
 .cm-s-ayu-mirage .cm-animate-fat-cursor { background-color: #a2a8a175 !important; }
 .cm-s-ayu-mirage span.cm-comment { color: #5c6773; font-style:italic; }
 .cm-s-ayu-mirage span.cm-atom { color: #ae81ff; }
 .cm-s-ayu-mirage span.cm-number { color: #ffcc66; }
 .cm-s-ayu-mirage span.cm-comment.cm-attribute { color: #ffd580; }
 .cm-s-ayu-mirage span.cm-comment.cm-def { color: #d4bfff; }
 .cm-s-ayu-mirage span.cm-comment.cm-tag { color: #5ccfe6; }
 .cm-s-ayu-mirage span.cm-comment.cm-type { color: #5998a6; }
 .cm-s-ayu-mirage span.cm-property { color: #f29e74; }
 .cm-s-ayu-mirage span.cm-attribute { color: #ffd580; }  
 .cm-s-ayu-mirage span.cm-keyword { color: #ffa759; } 
 .cm-s-ayu-mirage span.cm-builtin { color: #ffcc66; }
 .cm-s-ayu-mirage span.cm-string { color: #bae67e; }
 .cm-s-ayu-mirage span.cm-variable { color: #cbccc6; }
 .cm-s-ayu-mirage span.cm-variable-2 { color: #f28779; }
 .cm-s-ayu-mirage span.cm-variable-3 { color: #5ccfe6; }
 .cm-s-ayu-mirage span.cm-type { color: #ffa759; }
 .cm-s-ayu-mirage span.cm-def { color: #ffd580; }
 .cm-s-ayu-mirage span.cm-bracket { color: rgba(92, 207, 230, 80); }
 .cm-s-ayu-mirage span.cm-tag { color: #5ccfe6; }
 .cm-s-ayu-mirage span.cm-header { color: #bae67e; }
 .cm-s-ayu-mirage span.cm-link { color: #5ccfe6; }
 .cm-s-ayu-mirage span.cm-error { color: #ff3333; } 
 .cm-s-ayu-mirage .CodeMirror-activeline-background { background: #191e2a; }
 .cm-s-ayu-mirage .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
 }
--- a/css/codemirror-themes/base16-dark.css
+++ b/css/codemirror-themes/base16-dark.css
@ -0,0 +1,40 @@
 /*
    Name:       Base16 Default Dark
    Author:     Chris Kempson (http://chriskempson.com)
    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
 */
 .cm-s-base16-dark.CodeMirror { background: #151515; color: #e0e0e0; }
 .cm-s-base16-dark div.CodeMirror-selected { background: #303030; }
 .cm-s-base16-dark .CodeMirror-line::selection, .cm-s-base16-dark .CodeMirror-line > span::selection, .cm-s-base16-dark .CodeMirror-line > span > span::selection { background: rgba(48, 48, 48, .99); }
 .cm-s-base16-dark .CodeMirror-line::-moz-selection, .cm-s-base16-dark .CodeMirror-line > span::-moz-selection, .cm-s-base16-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(48, 48, 48, .99); }
 .cm-s-base16-dark .CodeMirror-gutters { background: #151515; border-right: 0px; }
 .cm-s-base16-dark .CodeMirror-guttermarker { color: #ac4142; }
 .cm-s-base16-dark .CodeMirror-guttermarker-subtle { color: #505050; }
 .cm-s-base16-dark .CodeMirror-linenumber { color: #505050; }
 .cm-s-base16-dark .CodeMirror-cursor { border-left: 1px solid #b0b0b0; }
 .cm-s-base16-dark.cm-fat-cursor .CodeMirror-cursor { background-color: #8e8d8875 !important; }
 .cm-s-base16-dark .cm-animate-fat-cursor { background-color: #8e8d8875 !important; }
 .cm-s-base16-dark span.cm-comment { color: #8f5536; }
 .cm-s-base16-dark span.cm-atom { color: #aa759f; }
 .cm-s-base16-dark span.cm-number { color: #aa759f; }
 .cm-s-base16-dark span.cm-property, .cm-s-base16-dark span.cm-attribute { color: #90a959; }
 .cm-s-base16-dark span.cm-keyword { color: #ac4142; }
 .cm-s-base16-dark span.cm-string { color: #f4bf75; }
 .cm-s-base16-dark span.cm-variable { color: #90a959; }
 .cm-s-base16-dark span.cm-variable-2 { color: #6a9fb5; }
 .cm-s-base16-dark span.cm-def { color: #d28445; }
 .cm-s-base16-dark span.cm-bracket { color: #e0e0e0; }
 .cm-s-base16-dark span.cm-tag { color: #ac4142; }
 .cm-s-base16-dark span.cm-link { color: #aa759f; }
 .cm-s-base16-dark span.cm-error { background: #ac4142; color: #b0b0b0; }
 .cm-s-base16-dark .CodeMirror-activeline-background { background: #202020; }
 .cm-s-base16-dark .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }
--- a/css/codemirror-themes/base16-light.css
+++ b/css/codemirror-themes/base16-light.css
@ -0,0 +1,38 @@
 /*
    Name:       Base16 Default Light
    Author:     Chris Kempson (http://chriskempson.com)
    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
 */
 .cm-s-base16-light.CodeMirror { background: #f5f5f5; color: #202020; }
 .cm-s-base16-light div.CodeMirror-selected { background: #e0e0e0; }
 .cm-s-base16-light .CodeMirror-line::selection, .cm-s-base16-light .CodeMirror-line > span::selection, .cm-s-base16-light .CodeMirror-line > span > span::selection { background: #e0e0e0; }
 .cm-s-base16-light .CodeMirror-line::-moz-selection, .cm-s-base16-light .CodeMirror-line > span::-moz-selection, .cm-s-base16-light .CodeMirror-line > span > span::-moz-selection { background: #e0e0e0; }
 .cm-s-base16-light .CodeMirror-gutters { background: #f5f5f5; border-right: 0px; }
 .cm-s-base16-light .CodeMirror-guttermarker { color: #ac4142; }
 .cm-s-base16-light .CodeMirror-guttermarker-subtle { color: #b0b0b0; }
 .cm-s-base16-light .CodeMirror-linenumber { color: #b0b0b0; }
 .cm-s-base16-light .CodeMirror-cursor { border-left: 1px solid #505050; }
 .cm-s-base16-light span.cm-comment { color: #8f5536; }
 .cm-s-base16-light span.cm-atom { color: #aa759f; }
 .cm-s-base16-light span.cm-number { color: #aa759f; }
 .cm-s-base16-light span.cm-property, .cm-s-base16-light span.cm-attribute { color: #90a959; }
 .cm-s-base16-light span.cm-keyword { color: #ac4142; }
 .cm-s-base16-light span.cm-string { color: #f4bf75; }
 .cm-s-base16-light span.cm-variable { color: #90a959; }
 .cm-s-base16-light span.cm-variable-2 { color: #6a9fb5; }
 .cm-s-base16-light span.cm-def { color: #d28445; }
 .cm-s-base16-light span.cm-bracket { color: #202020; }
 .cm-s-base16-light span.cm-tag { color: #ac4142; }
 .cm-s-base16-light span.cm-link { color: #aa759f; }
 .cm-s-base16-light span.cm-error { background: #ac4142; color: #505050; }
 .cm-s-base16-light .CodeMirror-activeline-background { background: #DDDCDC; }
 .cm-s-base16-light .CodeMirror-matchingbracket { color: #f5f5f5 !important; background-color: #6A9FB5 !important}
--- a/css/codemirror-themes/bespin.css
+++ b/css/codemirror-themes/bespin.css
@ -0,0 +1,34 @@
 /*
    Name:       Bespin
    Author:     Mozilla / Jan T. Sott
    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
 */
 .cm-s-bespin.CodeMirror {background: #28211c; color: #9d9b97;}
 .cm-s-bespin div.CodeMirror-selected {background: #36312e !important;}
 .cm-s-bespin .CodeMirror-gutters {background: #28211c; border-right: 0px;}
 .cm-s-bespin .CodeMirror-linenumber {color: #666666;}
 .cm-s-bespin .CodeMirror-cursor {border-left: 1px solid #797977 !important;}
 .cm-s-bespin span.cm-comment {color: #937121;}
 .cm-s-bespin span.cm-atom {color: #9b859d;}
 .cm-s-bespin span.cm-number {color: #9b859d;}
 .cm-s-bespin span.cm-property, .cm-s-bespin span.cm-attribute {color: #54be0d;}
 .cm-s-bespin span.cm-keyword {color: #cf6a4c;}
 .cm-s-bespin span.cm-string {color: #f9ee98;}
 .cm-s-bespin span.cm-variable {color: #54be0d;}
 .cm-s-bespin span.cm-variable-2 {color: #5ea6ea;}
 .cm-s-bespin span.cm-def {color: #cf7d34;}
 .cm-s-bespin span.cm-error {background: #cf6a4c; color: #797977;}
 .cm-s-bespin span.cm-bracket {color: #9d9b97;}
 .cm-s-bespin span.cm-tag {color: #cf6a4c;}
 .cm-s-bespin span.cm-link {color: #9b859d;}
 .cm-s-bespin .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
 .cm-s-bespin .CodeMirror-activeline-background { background: #404040; }
--- a/css/codemirror-themes/blackboard.css
+++ b/css/codemirror-themes/blackboard.css
@ -0,0 +1,32 @@
 /* Port of TextMate's Blackboard theme */
 .cm-s-blackboard.CodeMirror { background: #0C1021; color: #F8F8F8; }
 .cm-s-blackboard div.CodeMirror-selected { background: #253B76; }
 .cm-s-blackboard .CodeMirror-line::selection, .cm-s-blackboard .CodeMirror-line > span::selection, .cm-s-blackboard .CodeMirror-line > span > span::selection { background: rgba(37, 59, 118, .99); }
 .cm-s-blackboard .CodeMirror-line::-moz-selection, .cm-s-blackboard .CodeMirror-line > span::-moz-selection, .cm-s-blackboard .CodeMirror-line > span > span::-moz-selection { background: rgba(37, 59, 118, .99); }
 .cm-s-blackboard .CodeMirror-gutters { background: #0C1021; border-right: 0; }
 .cm-s-blackboard .CodeMirror-guttermarker { color: #FBDE2D; }
 .cm-s-blackboard .CodeMirror-guttermarker-subtle { color: #888; }
 .cm-s-blackboard .CodeMirror-linenumber { color: #888; }
 .cm-s-blackboard .CodeMirror-cursor { border-left: 1px solid #A7A7A7; }
 .cm-s-blackboard .cm-keyword { color: #FBDE2D; }
 .cm-s-blackboard .cm-atom { color: #D8FA3C; }
 .cm-s-blackboard .cm-number { color: #D8FA3C; }
 .cm-s-blackboard .cm-def { color: #8DA6CE; }
 .cm-s-blackboard .cm-variable { color: #FF6400; }
 .cm-s-blackboard .cm-operator { color: #FBDE2D; }
 .cm-s-blackboard .cm-comment { color: #AEAEAE; }
 .cm-s-blackboard .cm-string { color: #61CE3C; }
 .cm-s-blackboard .cm-string-2 { color: #61CE3C; }
 .cm-s-blackboard .cm-meta { color: #D8FA3C; }
 .cm-s-blackboard .cm-builtin { color: #8DA6CE; }
 .cm-s-blackboard .cm-tag { color: #8DA6CE; }
 .cm-s-blackboard .cm-attribute { color: #8DA6CE; }
 .cm-s-blackboard .cm-header { color: #FF6400; }
 .cm-s-blackboard .cm-hr { color: #AEAEAE; }
 .cm-s-blackboard .cm-link { color: #8DA6CE; }
 .cm-s-blackboard .cm-error { background: #9D1E15; color: #F8F8F8; }
 .cm-s-blackboard .CodeMirror-activeline-background { background: #3C3636; }
 .cm-s-blackboard .CodeMirror-matchingbracket { outline:1px solid grey;color:white !important; }
--- a/css/codemirror-themes/cobalt.css
+++ b/css/codemirror-themes/cobalt.css
@ -0,0 +1,25 @@
 .cm-s-cobalt.CodeMirror { background: #002240; color: white; }
 .cm-s-cobalt div.CodeMirror-selected { background: #b36539; }
 .cm-s-cobalt .CodeMirror-line::selection, .cm-s-cobalt .CodeMirror-line > span::selection, .cm-s-cobalt .CodeMirror-line > span > span::selection { background: rgba(179, 101, 57, .99); }
 .cm-s-cobalt .CodeMirror-line::-moz-selection, .cm-s-cobalt .CodeMirror-line > span::-moz-selection, .cm-s-cobalt .CodeMirror-line > span > span::-moz-selection { background: rgba(179, 101, 57, .99); }
 .cm-s-cobalt .CodeMirror-gutters { background: #002240; border-right: 1px solid #aaa; }
 .cm-s-cobalt .CodeMirror-guttermarker { color: #ffee80; }
 .cm-s-cobalt .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
 .cm-s-cobalt .CodeMirror-linenumber { color: #d0d0d0; }
 .cm-s-cobalt .CodeMirror-cursor { border-left: 1px solid white; }
 .cm-s-cobalt span.cm-comment { color: #08f; }
 .cm-s-cobalt span.cm-atom { color: #845dc4; }
 .cm-s-cobalt span.cm-number, .cm-s-cobalt span.cm-attribute { color: #ff80e1; }
 .cm-s-cobalt span.cm-keyword { color: #ffee80; }
 .cm-s-cobalt span.cm-string { color: #3ad900; }
 .cm-s-cobalt span.cm-meta { color: #ff9d00; }
 .cm-s-cobalt span.cm-variable-2, .cm-s-cobalt span.cm-tag { color: #9effff; }
 .cm-s-cobalt span.cm-variable-3, .cm-s-cobalt span.cm-def, .cm-s-cobalt .cm-type { color: white; }
 .cm-s-cobalt span.cm-bracket { color: #d8d8d8; }
 .cm-s-cobalt span.cm-builtin, .cm-s-cobalt span.cm-special { color: #ff9e59; }
 .cm-s-cobalt span.cm-link { color: #845dc4; }
 .cm-s-cobalt span.cm-error { color: #9d1e15; }
 .cm-s-cobalt .CodeMirror-activeline-background { background: #002D57; }
 .cm-s-cobalt .CodeMirror-matchingbracket { outline:1px solid grey;color:white !important; }
--- a/css/codemirror-themes/colorforth.css
+++ b/css/codemirror-themes/colorforth.css
@ -0,0 +1,33 @@
 .cm-s-colorforth.CodeMirror { background: #000000; color: #f8f8f8; }
 .cm-s-colorforth .CodeMirror-gutters { background: #0a001f; border-right: 1px solid #aaa; }
 .cm-s-colorforth .CodeMirror-guttermarker { color: #FFBD40; }
 .cm-s-colorforth .CodeMirror-guttermarker-subtle { color: #78846f; }
 .cm-s-colorforth .CodeMirror-linenumber { color: #bababa; }
 .cm-s-colorforth .CodeMirror-cursor { border-left: 1px solid white; }
 .cm-s-colorforth span.cm-comment     { color: #ededed; }
 .cm-s-colorforth span.cm-def         { color: #ff1c1c; font-weight:bold; }
 .cm-s-colorforth span.cm-keyword     { color: #ffd900; }
 .cm-s-colorforth span.cm-builtin     { color: #00d95a; }
 .cm-s-colorforth span.cm-variable    { color: #73ff00; }
 .cm-s-colorforth span.cm-string      { color: #007bff; }
 .cm-s-colorforth span.cm-number      { color: #00c4ff; }
 .cm-s-colorforth span.cm-atom        { color: #606060; }
 .cm-s-colorforth span.cm-variable-2  { color: #EEE; }
 .cm-s-colorforth span.cm-variable-3, .cm-s-colorforth span.cm-type { color: #DDD; }
 .cm-s-colorforth span.cm-property    {}
 .cm-s-colorforth span.cm-operator    {}
 .cm-s-colorforth span.cm-meta        { color: yellow; }
 .cm-s-colorforth span.cm-qualifier   { color: #FFF700; }
 .cm-s-colorforth span.cm-bracket     { color: #cc7; }
 .cm-s-colorforth span.cm-tag         { color: #FFBD40; }
 .cm-s-colorforth span.cm-attribute   { color: #FFF700; }
 .cm-s-colorforth span.cm-error       { color: #f00; }
 .cm-s-colorforth div.CodeMirror-selected { background: #333d53; }
 .cm-s-colorforth span.cm-compilation { background: rgba(255, 255, 255, 0.12); }
 .cm-s-colorforth .CodeMirror-activeline-background { background: #253540; }
--- a/css/codemirror-themes/darcula.css
+++ b/css/codemirror-themes/darcula.css
@ -0,0 +1,53 @@
 /**
    Name: IntelliJ IDEA darcula theme
    From IntelliJ IDEA by JetBrains
 */
 .cm-s-darcula  { font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif;}
 .cm-s-darcula.CodeMirror { background: #2B2B2B; color: #A9B7C6; }
 .cm-s-darcula span.cm-meta { color: #BBB529; }
 .cm-s-darcula span.cm-number { color: #6897BB; }
 .cm-s-darcula span.cm-keyword { color: #CC7832; line-height: 1em; font-weight: bold; }
 .cm-s-darcula span.cm-def { color: #A9B7C6; font-style: italic; }
 .cm-s-darcula span.cm-variable { color: #A9B7C6; }
 .cm-s-darcula span.cm-variable-2 { color: #A9B7C6; }
 .cm-s-darcula span.cm-variable-3 { color: #9876AA; }
 .cm-s-darcula span.cm-type { color: #AABBCC; font-weight: bold; }
 .cm-s-darcula span.cm-property { color: #FFC66D; }
 .cm-s-darcula span.cm-operator { color: #A9B7C6; }
 .cm-s-darcula span.cm-string { color: #6A8759; }
 .cm-s-darcula span.cm-string-2 { color: #6A8759; }
 .cm-s-darcula span.cm-comment { color: #61A151; font-style: italic; }
 .cm-s-darcula span.cm-link { color: #CC7832; }
 .cm-s-darcula span.cm-atom { color: #CC7832; }
 .cm-s-darcula span.cm-error { color: #BC3F3C; }
 .cm-s-darcula span.cm-tag { color: #629755; font-weight: bold; font-style: italic; text-decoration: underline; }
 .cm-s-darcula span.cm-attribute { color: #6897bb; }
 .cm-s-darcula span.cm-qualifier { color: #6A8759; }
 .cm-s-darcula span.cm-bracket { color: #A9B7C6; }
 .cm-s-darcula span.cm-builtin { color: #FF9E59; }
 .cm-s-darcula span.cm-special { color: #FF9E59; }
 .cm-s-darcula span.cm-matchhighlight { color: #FFFFFF; background-color: rgba(50, 89, 48, .7); font-weight: normal;}
 .cm-s-darcula span.cm-searching { color: #FFFFFF; background-color: rgba(61, 115, 59, .7); font-weight: normal;}
 .cm-s-darcula .CodeMirror-cursor { border-left: 1px solid #A9B7C6; }
 .cm-s-darcula .CodeMirror-activeline-background { background: #323232; }
 .cm-s-darcula .CodeMirror-gutters { background: #313335; border-right: 1px solid #313335; }
 .cm-s-darcula .CodeMirror-guttermarker { color: #FFEE80; }
 .cm-s-darcula .CodeMirror-guttermarker-subtle { color: #D0D0D0; }
 .cm-s-darcula .CodeMirrir-linenumber { color: #606366; }
 .cm-s-darcula .CodeMirror-matchingbracket { background-color: #3B514D; color: #FFEF28 !important; font-weight: bold; }
 .cm-s-darcula div.CodeMirror-selected { background: #214283; }
 .CodeMirror-hints.darcula {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  color: #9C9E9E;
  background-color: #3B3E3F !important;
 }
 .CodeMirror-hints.darcula .CodeMirror-hint-active {
  background-color: #494D4E !important;
  color: #9C9E9E !important;
 }
--- a/css/codemirror-themes/dracula.css
+++ b/css/codemirror-themes/dracula.css
@ -0,0 +1,40 @@
 /*
    Name:       dracula
    Author:     Michael Kaminsky (http://github.com/mkaminsky11)
    Original dracula color scheme by Zeno Rocha (https://github.com/zenorocha/dracula-theme)
 */
 .cm-s-dracula.CodeMirror, .cm-s-dracula .CodeMirror-gutters {
  background-color: #282a36 !important;
  color: #f8f8f2 !important;
  border: none;
 }
 .cm-s-dracula .CodeMirror-gutters { color: #282a36; }
 .cm-s-dracula .CodeMirror-cursor { border-left: solid thin #f8f8f0; }
 .cm-s-dracula .CodeMirror-linenumber { color: #6D8A88; }
 .cm-s-dracula .CodeMirror-selected { background: rgba(255, 255, 255, 0.10); }
 .cm-s-dracula .CodeMirror-line::selection, .cm-s-dracula .CodeMirror-line > span::selection, .cm-s-dracula .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); }
 .cm-s-dracula .CodeMirror-line::-moz-selection, .cm-s-dracula .CodeMirror-line > span::-moz-selection, .cm-s-dracula .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); }
 .cm-s-dracula span.cm-comment { color: #6272a4; }
 .cm-s-dracula span.cm-string, .cm-s-dracula span.cm-string-2 { color: #f1fa8c; }
 .cm-s-dracula span.cm-number { color: #bd93f9; }
 .cm-s-dracula span.cm-variable { color: #50fa7b; }
 .cm-s-dracula span.cm-variable-2 { color: white; }
 .cm-s-dracula span.cm-def { color: #50fa7b; }
 .cm-s-dracula span.cm-operator { color: #ff79c6; }
 .cm-s-dracula span.cm-keyword { color: #ff79c6; }
 .cm-s-dracula span.cm-atom { color: #bd93f9; }
 .cm-s-dracula span.cm-meta { color: #f8f8f2; }
 .cm-s-dracula span.cm-tag { color: #ff79c6; }
 .cm-s-dracula span.cm-attribute { color: #50fa7b; }
 .cm-s-dracula span.cm-qualifier { color: #50fa7b; }
 .cm-s-dracula span.cm-property { color: #66d9ef; }
 .cm-s-dracula span.cm-builtin { color: #50fa7b; }
 .cm-s-dracula span.cm-variable-3, .cm-s-dracula span.cm-type { color: #ffb86c; }
 .cm-s-dracula .CodeMirror-activeline-background { background: rgba(255,255,255,0.1); }
 .cm-s-dracula .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }
--- a/css/codemirror-themes/duotone-dark.css
+++ b/css/codemirror-themes/duotone-dark.css
@ -0,0 +1,35 @@
 /*
 Name:   DuoTone-Dark
 Author: by Bram de Haan, adapted from DuoTone themes by Simurai (http://simurai.com/projects/2016/01/01/duotone-themes)
 CodeMirror template by Jan T. Sott (https://github.com/idleberg), adapted by Bram de Haan (https://github.com/atelierbram/)
 */
 .cm-s-duotone-dark.CodeMirror { background: #2a2734; color: #6c6783; }
 .cm-s-duotone-dark div.CodeMirror-selected { background: #545167!important; }
 .cm-s-duotone-dark .CodeMirror-gutters { background: #2a2734; border-right: 0px; }
 .cm-s-duotone-dark .CodeMirror-linenumber { color: #545167; }
 /* begin cursor */
 .cm-s-duotone-dark .CodeMirror-cursor { border-left: 1px solid #ffad5c; /* border-left: 1px solid #ffad5c80; */ border-right: .5em solid #ffad5c; /* border-right: .5em solid #ffad5c80; */ opacity: .5; }
 .cm-s-duotone-dark .CodeMirror-activeline-background { background: #363342; /* background: #36334280;  */ opacity: .5;}
 .cm-s-duotone-dark .cm-fat-cursor .CodeMirror-cursor { background: #ffad5c; /* background: #ffad5c80; */ opacity: .5;}
 /* end cursor */
 .cm-s-duotone-dark span.cm-atom, .cm-s-duotone-dark span.cm-number, .cm-s-duotone-dark span.cm-keyword, .cm-s-duotone-dark span.cm-variable, .cm-s-duotone-dark span.cm-attribute, .cm-s-duotone-dark span.cm-quote, .cm-s-duotone-dark span.cm-hr, .cm-s-duotone-dark span.cm-link { color: #ffcc99; }
 .cm-s-duotone-dark span.cm-property { color: #9a86fd; }
 .cm-s-duotone-dark span.cm-punctuation, .cm-s-duotone-dark span.cm-unit, .cm-s-duotone-dark span.cm-negative { color: #e09142; }
 .cm-s-duotone-dark span.cm-string { color: #ffb870; }
 .cm-s-duotone-dark span.cm-operator { color: #ffad5c; }
 .cm-s-duotone-dark span.cm-positive { color: #6a51e6; }
 .cm-s-duotone-dark span.cm-variable-2, .cm-s-duotone-dark span.cm-variable-3, .cm-s-duotone-dark span.cm-type, .cm-s-duotone-dark span.cm-string-2, .cm-s-duotone-dark span.cm-url { color: #7a63ee; }
 .cm-s-duotone-dark span.cm-def, .cm-s-duotone-dark span.cm-tag, .cm-s-duotone-dark span.cm-builtin, .cm-s-duotone-dark span.cm-qualifier, .cm-s-duotone-dark span.cm-header, .cm-s-duotone-dark span.cm-em { color: #eeebff; }
 .cm-s-duotone-dark span.cm-bracket, .cm-s-duotone-dark span.cm-comment { color: #6c6783; }
 /* using #f00 red for errors, don't think any of the colorscheme variables will stand out enough, ... maybe by giving it a background-color ... */
 .cm-s-duotone-dark span.cm-error, .cm-s-duotone-dark span.cm-invalidchar { color: #f00; }
 .cm-s-duotone-dark span.cm-header { font-weight: normal; }
 .cm-s-duotone-dark .CodeMirror-matchingbracket { text-decoration: underline; color: #eeebff !important; } 
--- a/css/codemirror-themes/duotone-light.css
+++ b/css/codemirror-themes/duotone-light.css
@ -0,0 +1,36 @@
 /*
 Name:   DuoTone-Light
 Author: by Bram de Haan, adapted from DuoTone themes by Simurai (http://simurai.com/projects/2016/01/01/duotone-themes)
 CodeMirror template by Jan T. Sott (https://github.com/idleberg), adapted by Bram de Haan (https://github.com/atelierbram/)
 */
 .cm-s-duotone-light.CodeMirror { background: #faf8f5; color: #b29762; }
 .cm-s-duotone-light div.CodeMirror-selected { background: #e3dcce !important; }
 .cm-s-duotone-light .CodeMirror-gutters { background: #faf8f5; border-right: 0px; }
 .cm-s-duotone-light .CodeMirror-linenumber { color: #cdc4b1; }
 /* begin cursor */
 .cm-s-duotone-light .CodeMirror-cursor { border-left: 1px solid #93abdc; /* border-left: 1px solid #93abdc80; */ border-right: .5em solid #93abdc; /* border-right: .5em solid #93abdc80; */ opacity: .5; }
 .cm-s-duotone-light .CodeMirror-activeline-background { background: #e3dcce;  /* background: #e3dcce80; */ opacity: .5; }
 .cm-s-duotone-light .cm-fat-cursor .CodeMirror-cursor { background: #93abdc; /* #93abdc80; */ opacity: .5; }
 /* end cursor */
 .cm-s-duotone-light span.cm-atom, .cm-s-duotone-light span.cm-number, .cm-s-duotone-light span.cm-keyword, .cm-s-duotone-light span.cm-variable, .cm-s-duotone-light span.cm-attribute, .cm-s-duotone-light span.cm-quote, .cm-s-duotone-light-light span.cm-hr, .cm-s-duotone-light-light span.cm-link { color: #063289; }
 .cm-s-duotone-light span.cm-property { color: #b29762; }
 .cm-s-duotone-light span.cm-punctuation, .cm-s-duotone-light span.cm-unit, .cm-s-duotone-light span.cm-negative { color: #063289; }
 .cm-s-duotone-light span.cm-string, .cm-s-duotone-light span.cm-operator { color: #1659df; }
 .cm-s-duotone-light span.cm-positive { color: #896724; }
 .cm-s-duotone-light span.cm-variable-2, .cm-s-duotone-light span.cm-variable-3, .cm-s-duotone-light span.cm-type, .cm-s-duotone-light span.cm-string-2, .cm-s-duotone-light span.cm-url { color: #896724; }
 .cm-s-duotone-light span.cm-def, .cm-s-duotone-light span.cm-tag, .cm-s-duotone-light span.cm-builtin, .cm-s-duotone-light span.cm-qualifier, .cm-s-duotone-light span.cm-header, .cm-s-duotone-light span.cm-em { color: #2d2006; }
 .cm-s-duotone-light span.cm-bracket, .cm-s-duotone-light span.cm-comment { color: #b6ad9a; }
 /* using #f00 red for errors, don't think any of the colorscheme variables will stand out enough, ... maybe by giving it a background-color ... */
 /* .cm-s-duotone-light span.cm-error { background: #896724; color: #728fcb; } */
 .cm-s-duotone-light span.cm-error, .cm-s-duotone-light span.cm-invalidchar { color: #f00; }
 .cm-s-duotone-light span.cm-header { font-weight: normal; }
 .cm-s-duotone-light .CodeMirror-matchingbracket { text-decoration: underline; color: #faf8f5 !important; }
--- a/css/codemirror-themes/eclipse.css
+++ b/css/codemirror-themes/eclipse.css
@ -0,0 +1,23 @@
 .cm-s-eclipse span.cm-meta { color: #FF1717; }
 .cm-s-eclipse span.cm-keyword { line-height: 1em; font-weight: bold; color: #7F0055; }
 .cm-s-eclipse span.cm-atom { color: #219; }
 .cm-s-eclipse span.cm-number { color: #164; }
 .cm-s-eclipse span.cm-def { color: #00f; }
 .cm-s-eclipse span.cm-variable { color: black; }
 .cm-s-eclipse span.cm-variable-2 { color: #0000C0; }
 .cm-s-eclipse span.cm-variable-3, .cm-s-eclipse span.cm-type { color: #0000C0; }
 .cm-s-eclipse span.cm-property { color: black; }
 .cm-s-eclipse span.cm-operator { color: black; }
 .cm-s-eclipse span.cm-comment { color: #3F7F5F; }
 .cm-s-eclipse span.cm-string { color: #2A00FF; }
 .cm-s-eclipse span.cm-string-2 { color: #f50; }
 .cm-s-eclipse span.cm-qualifier { color: #555; }
 .cm-s-eclipse span.cm-builtin { color: #30a; }
 .cm-s-eclipse span.cm-bracket { color: #cc7; }
 .cm-s-eclipse span.cm-tag { color: #170; }
 .cm-s-eclipse span.cm-attribute { color: #00c; }
 .cm-s-eclipse span.cm-link { color: #219; }
 .cm-s-eclipse span.cm-error { color: #f00; }
 .cm-s-eclipse .CodeMirror-activeline-background { background: #e8f2ff; }
 .cm-s-eclipse .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }
--- a/css/codemirror-themes/elegant.css
+++ b/css/codemirror-themes/elegant.css
@ -0,0 +1,13 @@
 .cm-s-elegant span.cm-number, .cm-s-elegant span.cm-string, .cm-s-elegant span.cm-atom { color: #762; }
 .cm-s-elegant span.cm-comment { color: #262; font-style: italic; line-height: 1em; }
 .cm-s-elegant span.cm-meta { color: #555; font-style: italic; line-height: 1em; }
 .cm-s-elegant span.cm-variable { color: black; }
 .cm-s-elegant span.cm-variable-2 { color: #b11; }
 .cm-s-elegant span.cm-qualifier { color: #555; }
 .cm-s-elegant span.cm-keyword { color: #730; }
 .cm-s-elegant span.cm-builtin { color: #30a; }
 .cm-s-elegant span.cm-link { color: #762; }
 .cm-s-elegant span.cm-error { background-color: #fdd; }
 .cm-s-elegant .CodeMirror-activeline-background { background: #e8f2ff; }
 .cm-s-elegant .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }
--- a/css/codemirror-themes/erlang-dark.css
+++ b/css/codemirror-themes/erlang-dark.css
@ -0,0 +1,34 @@
 .cm-s-erlang-dark.CodeMirror { background: #002240; color: white; }
 .cm-s-erlang-dark div.CodeMirror-selected { background: #b36539; }
 .cm-s-erlang-dark .CodeMirror-line::selection, .cm-s-erlang-dark .CodeMirror-line > span::selection, .cm-s-erlang-dark .CodeMirror-line > span > span::selection { background: rgba(179, 101, 57, .99); }
 .cm-s-erlang-dark .CodeMirror-line::-moz-selection, .cm-s-erlang-dark .CodeMirror-line > span::-moz-selection, .cm-s-erlang-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(179, 101, 57, .99); }
 .cm-s-erlang-dark .CodeMirror-gutters { background: #002240; border-right: 1px solid #aaa; }
 .cm-s-erlang-dark .CodeMirror-guttermarker { color: white; }
 .cm-s-erlang-dark .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
 .cm-s-erlang-dark .CodeMirror-linenumber { color: #d0d0d0; }
 .cm-s-erlang-dark .CodeMirror-cursor { border-left: 1px solid white; }
 .cm-s-erlang-dark span.cm-quote      { color: #ccc; }
 .cm-s-erlang-dark span.cm-atom       { color: #f133f1; }
 .cm-s-erlang-dark span.cm-attribute  { color: #ff80e1; }
 .cm-s-erlang-dark span.cm-bracket    { color: #ff9d00; }
 .cm-s-erlang-dark span.cm-builtin    { color: #eaa; }
 .cm-s-erlang-dark span.cm-comment    { color: #77f; }
 .cm-s-erlang-dark span.cm-def        { color: #e7a; }
 .cm-s-erlang-dark span.cm-keyword    { color: #ffee80; }
 .cm-s-erlang-dark span.cm-meta       { color: #50fefe; }
 .cm-s-erlang-dark span.cm-number     { color: #ffd0d0; }
 .cm-s-erlang-dark span.cm-operator   { color: #d55; }
 .cm-s-erlang-dark span.cm-property   { color: #ccc; }
 .cm-s-erlang-dark span.cm-qualifier  { color: #ccc; }
 .cm-s-erlang-dark span.cm-special    { color: #ffbbbb; }
 .cm-s-erlang-dark span.cm-string     { color: #3ad900; }
 .cm-s-erlang-dark span.cm-string-2   { color: #ccc; }
 .cm-s-erlang-dark span.cm-tag        { color: #9effff; }
 .cm-s-erlang-dark span.cm-variable   { color: #50fe50; }
 .cm-s-erlang-dark span.cm-variable-2 { color: #e0e; }
 .cm-s-erlang-dark span.cm-variable-3, .cm-s-erlang-dark span.cm-type { color: #ccc; }
 .cm-s-erlang-dark span.cm-error      { color: #9d1e15; }
 .cm-s-erlang-dark .CodeMirror-activeline-background { background: #013461; }
 .cm-s-erlang-dark .CodeMirror-matchingbracket { outline:1px solid grey; color:white !important; }
--- a/css/codemirror-themes/gruvbox-dark.css
+++ b/css/codemirror-themes/gruvbox-dark.css
@ -0,0 +1,39 @@
 /*
    Name:       gruvbox-dark
    Author:     kRkk (https://github.com/krkk)
    Original gruvbox color scheme by Pavel Pertsev (https://github.com/morhetz/gruvbox)
 */
 .cm-s-gruvbox-dark.CodeMirror, .cm-s-gruvbox-dark .CodeMirror-gutters { background-color: #282828; color: #bdae93; }
 .cm-s-gruvbox-dark .CodeMirror-gutters {background: #282828; border-right: 0px;}
 .cm-s-gruvbox-dark .CodeMirror-linenumber {color: #7c6f64;}
 .cm-s-gruvbox-dark .CodeMirror-cursor { border-left: 1px solid #ebdbb2; }
 .cm-s-gruvbox-dark.cm-fat-cursor .CodeMirror-cursor { background-color: #8e8d8875 !important; }
 .cm-s-gruvbox-dark .cm-animate-fat-cursor { background-color: #8e8d8875 !important; }
 .cm-s-gruvbox-dark div.CodeMirror-selected { background: #928374; }
 .cm-s-gruvbox-dark span.cm-meta { color: #83a598; }
 .cm-s-gruvbox-dark span.cm-comment { color: #928374; }
 .cm-s-gruvbox-dark span.cm-number, span.cm-atom { color: #d3869b; }
 .cm-s-gruvbox-dark span.cm-keyword { color: #f84934; }
 .cm-s-gruvbox-dark span.cm-variable { color: #ebdbb2; }
 .cm-s-gruvbox-dark span.cm-variable-2 { color: #ebdbb2; }
 .cm-s-gruvbox-dark span.cm-variable-3, .cm-s-gruvbox-dark span.cm-type { color: #fabd2f; }
 .cm-s-gruvbox-dark span.cm-operator { color: #ebdbb2; }
 .cm-s-gruvbox-dark span.cm-callee { color: #ebdbb2; }
 .cm-s-gruvbox-dark span.cm-def { color: #ebdbb2; }
 .cm-s-gruvbox-dark span.cm-property { color: #ebdbb2; }
 .cm-s-gruvbox-dark span.cm-string { color: #b8bb26; }
 .cm-s-gruvbox-dark span.cm-string-2 { color: #8ec07c; }
 .cm-s-gruvbox-dark span.cm-qualifier { color: #8ec07c; }
 .cm-s-gruvbox-dark span.cm-attribute { color: #8ec07c; }
 .cm-s-gruvbox-dark .CodeMirror-activeline-background { background: #3c3836; }
 .cm-s-gruvbox-dark .CodeMirror-matchingbracket { background: #928374; color:#282828 !important; }
 .cm-s-gruvbox-dark span.cm-builtin { color: #fe8019; }
 .cm-s-gruvbox-dark span.cm-tag { color: #fe8019; }
--- a/css/codemirror-themes/hopscotch.css
+++ b/css/codemirror-themes/hopscotch.css
@ -0,0 +1,34 @@
 /*
    Name:       Hopscotch
    Author:     Jan T. Sott
    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
 */
 .cm-s-hopscotch.CodeMirror {background: #322931; color: #d5d3d5;}
 .cm-s-hopscotch div.CodeMirror-selected {background: #433b42 !important;}
 .cm-s-hopscotch .CodeMirror-gutters {background: #322931; border-right: 0px;}
 .cm-s-hopscotch .CodeMirror-linenumber {color: #797379;}
 .cm-s-hopscotch .CodeMirror-cursor {border-left: 1px solid #989498 !important;}
 .cm-s-hopscotch span.cm-comment {color: #b33508;}
 .cm-s-hopscotch span.cm-atom {color: #c85e7c;}
 .cm-s-hopscotch span.cm-number {color: #c85e7c;}
 .cm-s-hopscotch span.cm-property, .cm-s-hopscotch span.cm-attribute {color: #8fc13e;}
 .cm-s-hopscotch span.cm-keyword {color: #dd464c;}
 .cm-s-hopscotch span.cm-string {color: #fdcc59;}
 .cm-s-hopscotch span.cm-variable {color: #8fc13e;}
 .cm-s-hopscotch span.cm-variable-2 {color: #1290bf;}
 .cm-s-hopscotch span.cm-def {color: #fd8b19;}
 .cm-s-hopscotch span.cm-error {background: #dd464c; color: #989498;}
 .cm-s-hopscotch span.cm-bracket {color: #d5d3d5;}
 .cm-s-hopscotch span.cm-tag {color: #dd464c;}
 .cm-s-hopscotch span.cm-link {color: #c85e7c;}
 .cm-s-hopscotch .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
 .cm-s-hopscotch .CodeMirror-activeline-background { background: #302020; }
--- a/css/codemirror-themes/icecoder.css
+++ b/css/codemirror-themes/icecoder.css
@ -0,0 +1,43 @@
 /*
 ICEcoder default theme by Matt Pass, used in code editor available at https://icecoder.net
 */
 .cm-s-icecoder { color: #666; background: #1d1d1b; }
 .cm-s-icecoder span.cm-keyword { color: #eee; font-weight:bold; }  /* off-white 1 */
 .cm-s-icecoder span.cm-atom { color: #e1c76e; }                    /* yellow */
 .cm-s-icecoder span.cm-number { color: #6cb5d9; }                  /* blue */
 .cm-s-icecoder span.cm-def { color: #b9ca4a; }                     /* green */
 .cm-s-icecoder span.cm-variable { color: #6cb5d9; }                /* blue */
 .cm-s-icecoder span.cm-variable-2 { color: #cc1e5c; }              /* pink */
 .cm-s-icecoder span.cm-variable-3, .cm-s-icecoder span.cm-type { color: #f9602c; } /* orange */
 .cm-s-icecoder span.cm-property { color: #eee; }                   /* off-white 1 */
 .cm-s-icecoder span.cm-operator { color: #9179bb; }                /* purple */
 .cm-s-icecoder span.cm-comment { color: #97a3aa; }                 /* grey-blue */
 .cm-s-icecoder span.cm-string { color: #b9ca4a; }                  /* green */
 .cm-s-icecoder span.cm-string-2 { color: #6cb5d9; }                /* blue */
 .cm-s-icecoder span.cm-meta { color: #555; }                       /* grey */
 .cm-s-icecoder span.cm-qualifier { color: #555; }                  /* grey */
 .cm-s-icecoder span.cm-builtin { color: #214e7b; }                 /* bright blue */
 .cm-s-icecoder span.cm-bracket { color: #cc7; }                    /* grey-yellow */
 .cm-s-icecoder span.cm-tag { color: #e8e8e8; }                     /* off-white 2 */
 .cm-s-icecoder span.cm-attribute { color: #099; }                  /* teal */
 .cm-s-icecoder span.cm-header { color: #6a0d6a; }                  /* purple-pink */
 .cm-s-icecoder span.cm-quote { color: #186718; }                   /* dark green */
 .cm-s-icecoder span.cm-hr { color: #888; }                         /* mid-grey */
 .cm-s-icecoder span.cm-link { color: #e1c76e; }                    /* yellow */
 .cm-s-icecoder span.cm-error { color: #d00; }                      /* red */
 .cm-s-icecoder .CodeMirror-cursor { border-left: 1px solid white; }
 .cm-s-icecoder div.CodeMirror-selected { color: #fff; background: #037; }
 .cm-s-icecoder .CodeMirror-gutters { background: #1d1d1b; min-width: 41px; border-right: 0; }
 .cm-s-icecoder .CodeMirror-linenumber { color: #555; cursor: default; }
 .cm-s-icecoder .CodeMirror-matchingbracket { color: #fff !important; background: #555 !important; }
 .cm-s-icecoder .CodeMirror-activeline-background { background: #000; }
--- a/css/codemirror-themes/idea.css
+++ b/css/codemirror-themes/idea.css
@ -0,0 +1,42 @@
 /**
    Name:       IDEA default theme
    From IntelliJ IDEA by JetBrains
 */
 .cm-s-idea span.cm-meta { color: #808000; }
 .cm-s-idea span.cm-number { color: #0000FF; }
 .cm-s-idea span.cm-keyword { line-height: 1em; font-weight: bold; color: #000080; }
 .cm-s-idea span.cm-atom { font-weight: bold; color: #000080; }
 .cm-s-idea span.cm-def { color: #000000; }
 .cm-s-idea span.cm-variable { color: black; }
 .cm-s-idea span.cm-variable-2 { color: black; }
 .cm-s-idea span.cm-variable-3, .cm-s-idea span.cm-type { color: black; }
 .cm-s-idea span.cm-property { color: black; }
 .cm-s-idea span.cm-operator { color: black; }
 .cm-s-idea span.cm-comment { color: #808080; }
 .cm-s-idea span.cm-string { color: #008000; }
 .cm-s-idea span.cm-string-2 { color: #008000; }
 .cm-s-idea span.cm-qualifier { color: #555; }
 .cm-s-idea span.cm-error { color: #FF0000; }
 .cm-s-idea span.cm-attribute { color: #0000FF; }
 .cm-s-idea span.cm-tag { color: #000080; }
 .cm-s-idea span.cm-link { color: #0000FF; }
 .cm-s-idea .CodeMirror-activeline-background { background: #FFFAE3; }
 .cm-s-idea span.cm-builtin { color: #30a; }
 .cm-s-idea span.cm-bracket { color: #cc7; }
 .cm-s-idea  { font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;}
 .cm-s-idea .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }
 .CodeMirror-hints.idea {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  color: #616569;
  background-color: #ebf3fd !important;
 }
 .CodeMirror-hints.idea .CodeMirror-hint-active {
  background-color: #a2b8c9 !important;
  color: #5c6065 !important;
 }
--- a/css/codemirror-themes/isotope.css
+++ b/css/codemirror-themes/isotope.css
@ -0,0 +1,34 @@
 /*
    Name:       Isotope
    Author:     David Desandro / Jan T. Sott
    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
 */
 .cm-s-isotope.CodeMirror {background: #000000; color: #e0e0e0;}
 .cm-s-isotope div.CodeMirror-selected {background: #404040 !important;}
 .cm-s-isotope .CodeMirror-gutters {background: #000000; border-right: 0px;}
 .cm-s-isotope .CodeMirror-linenumber {color: #808080;}
 .cm-s-isotope .CodeMirror-cursor {border-left: 1px solid #c0c0c0 !important;}
 .cm-s-isotope span.cm-comment {color: #3300ff;}
 .cm-s-isotope span.cm-atom {color: #cc00ff;}
 .cm-s-isotope span.cm-number {color: #cc00ff;}
 .cm-s-isotope span.cm-property, .cm-s-isotope span.cm-attribute {color: #33ff00;}
 .cm-s-isotope span.cm-keyword {color: #ff0000;}
 .cm-s-isotope span.cm-string {color: #ff0099;}
 .cm-s-isotope span.cm-variable {color: #33ff00;}
 .cm-s-isotope span.cm-variable-2 {color: #0066ff;}
 .cm-s-isotope span.cm-def {color: #ff9900;}
 .cm-s-isotope span.cm-error {background: #ff0000; color: #c0c0c0;}
 .cm-s-isotope span.cm-bracket {color: #e0e0e0;}
 .cm-s-isotope span.cm-tag {color: #ff0000;}
 .cm-s-isotope span.cm-link {color: #cc00ff;}
 .cm-s-isotope .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
 .cm-s-isotope .CodeMirror-activeline-background { background: #202020; }
--- a/css/codemirror-themes/juejin.css
+++ b/css/codemirror-themes/juejin.css
@ -0,0 +1,30 @@
 .cm-s-juejin.CodeMirror {
  background: #f8f9fa;
 }
 .cm-s-juejin .cm-header,
 .cm-s-juejin .cm-def {
  color: #1ba2f0;
 }
 .cm-s-juejin .cm-comment {
  color: #009e9d;
 }
 .cm-s-juejin .cm-quote,
 .cm-s-juejin .cm-link,
 .cm-s-juejin .cm-strong,
 .cm-s-juejin .cm-attribute {
  color: #fd7741;
 }
 .cm-s-juejin .cm-url,
 .cm-s-juejin .cm-keyword,
 .cm-s-juejin .cm-builtin {
  color: #bb51b8;
 }
 .cm-s-juejin .cm-hr {
  color: #909090;
 }
 .cm-s-juejin .cm-tag {
  color: #107000;
 }
 .cm-s-juejin .cm-variable-2 {
  color: #0050a0;
 }
--- a/css/codemirror-themes/lesser-dark.css
+++ b/css/codemirror-themes/lesser-dark.css
@ -0,0 +1,47 @@
 /*
 http://lesscss.org/ dark theme
 Ported to CodeMirror by Peter Kroon
 */
 .cm-s-lesser-dark {
  line-height: 1.3em;
 }
 .cm-s-lesser-dark.CodeMirror { background: #262626; color: #EBEFE7; text-shadow: 0 -1px 1px #262626; }
 .cm-s-lesser-dark div.CodeMirror-selected { background: #45443B; } /* 33322B*/
 .cm-s-lesser-dark .CodeMirror-line::selection, .cm-s-lesser-dark .CodeMirror-line > span::selection, .cm-s-lesser-dark .CodeMirror-line > span > span::selection { background: rgba(69, 68, 59, .99); }
 .cm-s-lesser-dark .CodeMirror-line::-moz-selection, .cm-s-lesser-dark .CodeMirror-line > span::-moz-selection, .cm-s-lesser-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(69, 68, 59, .99); }
 .cm-s-lesser-dark .CodeMirror-cursor { border-left: 1px solid white; }
 .cm-s-lesser-dark pre { padding: 0 8px; }/*editable code holder*/
 .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-guttermarker { color: #599eff; }
 .cm-s-lesser-dark .CodeMirror-guttermarker-subtle { color: #777; }
 .cm-s-lesser-dark .CodeMirror-linenumber { color: #777; }
 .cm-s-lesser-dark span.cm-header { color: #a0a; }
 .cm-s-lesser-dark span.cm-quote { color: #090; }
 .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, .cm-s-lesser-dark span.cm-type { 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-qualifier { color: #555; }
 .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: #81a4d5; }
 .cm-s-lesser-dark span.cm-hr { color: #999; }
 .cm-s-lesser-dark span.cm-link { color: #7070E6; }
 .cm-s-lesser-dark span.cm-error { color: #9d1e15; }
 .cm-s-lesser-dark .CodeMirror-activeline-background { background: #3C3A3A; }
 .cm-s-lesser-dark .CodeMirror-matchingbracket { outline:1px solid grey; color:white !important; }
--- a/css/codemirror-themes/liquibyte.css
+++ b/css/codemirror-themes/liquibyte.css
@ -0,0 +1,95 @@
 .cm-s-liquibyte.CodeMirror {
 	background-color: #000;
 	color: #fff;
 	line-height: 1.2em;
 	font-size: 1em;
 }
 .cm-s-liquibyte .CodeMirror-focused .cm-matchhighlight {
 	text-decoration: underline;
 	text-decoration-color: #0f0;
 	text-decoration-style: wavy;
 }
 .cm-s-liquibyte .cm-trailingspace {
 	text-decoration: line-through;
 	text-decoration-color: #f00;
 	text-decoration-style: dotted;
 }
 .cm-s-liquibyte .cm-tab {
 	text-decoration: line-through;
 	text-decoration-color: #404040;
 	text-decoration-style: dotted;
 }
 .cm-s-liquibyte .CodeMirror-gutters { background-color: #262626; border-right: 1px solid #505050; padding-right: 0.8em; }
 .cm-s-liquibyte .CodeMirror-gutter-elt div { font-size: 1.2em; }
 .cm-s-liquibyte .CodeMirror-guttermarker {  }
 .cm-s-liquibyte .CodeMirror-guttermarker-subtle {  }
 .cm-s-liquibyte .CodeMirror-linenumber { color: #606060; padding-left: 0; }
 .cm-s-liquibyte .CodeMirror-cursor { border-left: 1px solid #eee; }
 .cm-s-liquibyte span.cm-comment     { color: #008000; }
 .cm-s-liquibyte span.cm-def         { color: #ffaf40; font-weight: bold; }
 .cm-s-liquibyte span.cm-keyword     { color: #c080ff; font-weight: bold; }
 .cm-s-liquibyte span.cm-builtin     { color: #ffaf40; font-weight: bold; }
 .cm-s-liquibyte span.cm-variable    { color: #5967ff; font-weight: bold; }
 .cm-s-liquibyte span.cm-string      { color: #ff8000; }
 .cm-s-liquibyte span.cm-number      { color: #0f0; font-weight: bold; }
 .cm-s-liquibyte span.cm-atom        { color: #bf3030; font-weight: bold; }
 .cm-s-liquibyte span.cm-variable-2  { color: #007f7f; font-weight: bold; }
 .cm-s-liquibyte span.cm-variable-3, .cm-s-liquibyte span.cm-type { color: #c080ff; font-weight: bold; }
 .cm-s-liquibyte span.cm-property    { color: #999; font-weight: bold; }
 .cm-s-liquibyte span.cm-operator    { color: #fff; }
 .cm-s-liquibyte span.cm-meta        { color: #0f0; }
 .cm-s-liquibyte span.cm-qualifier   { color: #fff700; font-weight: bold; }
 .cm-s-liquibyte span.cm-bracket     { color: #cc7; }
 .cm-s-liquibyte span.cm-tag         { color: #ff0; font-weight: bold; }
 .cm-s-liquibyte span.cm-attribute   { color: #c080ff; font-weight: bold; }
 .cm-s-liquibyte span.cm-error       { color: #f00; }
 .cm-s-liquibyte div.CodeMirror-selected { background-color: rgba(255, 0, 0, 0.25); }
 .cm-s-liquibyte span.cm-compilation { background-color: rgba(255, 255, 255, 0.12); }
 .cm-s-liquibyte .CodeMirror-activeline-background { background-color: rgba(0, 255, 0, 0.15); }
 /* Default styles for common addons */
 .cm-s-liquibyte .CodeMirror span.CodeMirror-matchingbracket { color: #0f0; font-weight: bold; }
 .cm-s-liquibyte .CodeMirror span.CodeMirror-nonmatchingbracket { color: #f00; font-weight: bold; }
 .CodeMirror-matchingtag { background-color: rgba(150, 255, 0, .3); }
 /* Scrollbars */
 /* Simple */
 .cm-s-liquibyte div.CodeMirror-simplescroll-horizontal div:hover, .cm-s-liquibyte div.CodeMirror-simplescroll-vertical div:hover {
 	background-color: rgba(80, 80, 80, .7);
 }
 .cm-s-liquibyte div.CodeMirror-simplescroll-horizontal div, .cm-s-liquibyte div.CodeMirror-simplescroll-vertical div {
 	background-color: rgba(80, 80, 80, .3);
 	border: 1px solid #404040;
 	border-radius: 5px;
 }
 .cm-s-liquibyte div.CodeMirror-simplescroll-vertical div {
 	border-top: 1px solid #404040;
 	border-bottom: 1px solid #404040;
 }
 .cm-s-liquibyte div.CodeMirror-simplescroll-horizontal div {
 	border-left: 1px solid #404040;
 	border-right: 1px solid #404040;
 }
 .cm-s-liquibyte div.CodeMirror-simplescroll-vertical {
 	background-color: #262626;
 }
 .cm-s-liquibyte div.CodeMirror-simplescroll-horizontal {
 	background-color: #262626;
 	border-top: 1px solid #404040;
 }
 /* Overlay */
 .cm-s-liquibyte div.CodeMirror-overlayscroll-horizontal div, div.CodeMirror-overlayscroll-vertical div {
 	background-color: #404040;
 	border-radius: 5px;
 }
 .cm-s-liquibyte div.CodeMirror-overlayscroll-vertical div {
 	border: 1px solid #404040;
 }
 .cm-s-liquibyte div.CodeMirror-overlayscroll-horizontal div {
 	border: 1px solid #404040;
 }
--- a/css/codemirror-themes/lucario.css
+++ b/css/codemirror-themes/lucario.css
@ -0,0 +1,37 @@
 /*
  Name:       lucario
  Author:     Raphael Amorim
  Original Lucario color scheme (https://github.com/raphamorim/lucario)
 */
 .cm-s-lucario.CodeMirror, .cm-s-lucario .CodeMirror-gutters {
  background-color: #2b3e50 !important;
  color: #f8f8f2 !important;
  border: none;
 }
 .cm-s-lucario .CodeMirror-gutters { color: #2b3e50; }
 .cm-s-lucario .CodeMirror-cursor { border-left: solid thin #E6C845; }
 .cm-s-lucario .CodeMirror-linenumber { color: #f8f8f2; }
 .cm-s-lucario .CodeMirror-selected { background: #243443; }
 .cm-s-lucario .CodeMirror-line::selection, .cm-s-lucario .CodeMirror-line > span::selection, .cm-s-lucario .CodeMirror-line > span > span::selection { background: #243443; }
 .cm-s-lucario .CodeMirror-line::-moz-selection, .cm-s-lucario .CodeMirror-line > span::-moz-selection, .cm-s-lucario .CodeMirror-line > span > span::-moz-selection { background: #243443; }
 .cm-s-lucario span.cm-comment { color: #5c98cd; }
 .cm-s-lucario span.cm-string, .cm-s-lucario span.cm-string-2 { color: #E6DB74; }
 .cm-s-lucario span.cm-number { color: #ca94ff; }
 .cm-s-lucario span.cm-variable { color: #f8f8f2; }
 .cm-s-lucario span.cm-variable-2 { color: #f8f8f2; }
 .cm-s-lucario span.cm-def { color: #72C05D; }
 .cm-s-lucario span.cm-operator { color: #66D9EF; }
 .cm-s-lucario span.cm-keyword { color: #ff6541; }
 .cm-s-lucario span.cm-atom { color: #bd93f9; }
 .cm-s-lucario span.cm-meta { color: #f8f8f2; }
 .cm-s-lucario span.cm-tag { color: #ff6541; }
 .cm-s-lucario span.cm-attribute { color: #66D9EF; }
 .cm-s-lucario span.cm-qualifier { color: #72C05D; }
 .cm-s-lucario span.cm-property { color: #f8f8f2; }
 .cm-s-lucario span.cm-builtin { color: #72C05D; }
 .cm-s-lucario span.cm-variable-3, .cm-s-lucario span.cm-type { color: #ffb86c; }
 .cm-s-lucario .CodeMirror-activeline-background { background: #243443; }
 .cm-s-lucario .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }
--- a/css/codemirror-themes/material-darker.css
+++ b/css/codemirror-themes/material-darker.css
@ -0,0 +1,135 @@
 /*
  Name:       material
  Author:     Mattia Astorino (http://github.com/equinusocio)
  Website:    https://material-theme.site/
 */
 .cm-s-material-darker.CodeMirror {
  background-color: #212121;
  color: #EEFFFF;
 }
 .cm-s-material-darker .CodeMirror-gutters {
  background: #212121;
  color: #545454;
  border: none;
 }
 .cm-s-material-darker .CodeMirror-guttermarker,
 .cm-s-material-darker .CodeMirror-guttermarker-subtle,
 .cm-s-material-darker .CodeMirror-linenumber {
  color: #545454;
 }
 .cm-s-material-darker .CodeMirror-cursor {
  border-left: 1px solid #FFCC00;
 }
 .cm-s-material-darker div.CodeMirror-selected {
  background: rgba(97, 97, 97, 0.2);
 }
 .cm-s-material-darker.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(97, 97, 97, 0.2);
 }
 .cm-s-material-darker .CodeMirror-line::selection,
 .cm-s-material-darker .CodeMirror-line>span::selection,
 .cm-s-material-darker .CodeMirror-line>span>span::selection {
  background: rgba(128, 203, 196, 0.2);
 }
 .cm-s-material-darker .CodeMirror-line::-moz-selection,
 .cm-s-material-darker .CodeMirror-line>span::-moz-selection,
 .cm-s-material-darker .CodeMirror-line>span>span::-moz-selection {
  background: rgba(128, 203, 196, 0.2);
 }
 .cm-s-material-darker .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.5);
 }
 .cm-s-material-darker .cm-keyword {
  color: #C792EA;
 }
 .cm-s-material-darker .cm-operator {
  color: #89DDFF;
 }
 .cm-s-material-darker .cm-variable-2 {
  color: #EEFFFF;
 }
 .cm-s-material-darker .cm-variable-3,
 .cm-s-material-darker .cm-type {
  color: #f07178;
 }
 .cm-s-material-darker .cm-builtin {
  color: #FFCB6B;
 }
 .cm-s-material-darker .cm-atom {
  color: #F78C6C;
 }
 .cm-s-material-darker .cm-number {
  color: #FF5370;
 }
 .cm-s-material-darker .cm-def {
  color: #82AAFF;
 }
 .cm-s-material-darker .cm-string {
  color: #C3E88D;
 }
 .cm-s-material-darker .cm-string-2 {
  color: #f07178;
 }
 .cm-s-material-darker .cm-comment {
  color: #545454;
 }
 .cm-s-material-darker .cm-variable {
  color: #f07178;
 }
 .cm-s-material-darker .cm-tag {
  color: #FF5370;
 }
 .cm-s-material-darker .cm-meta {
  color: #FFCB6B;
 }
 .cm-s-material-darker .cm-attribute {
  color: #C792EA;
 }
 .cm-s-material-darker .cm-property {
  color: #C792EA;
 }
 .cm-s-material-darker .cm-qualifier {
  color: #DECB6B;
 }
 .cm-s-material-darker .cm-variable-3,
 .cm-s-material-darker .cm-type {
  color: #DECB6B;
 }
 .cm-s-material-darker .cm-error {
  color: rgba(255, 255, 255, 1.0);
  background-color: #FF5370;
 }
 .cm-s-material-darker .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
 }
--- a/css/codemirror-themes/material-ocean.css
+++ b/css/codemirror-themes/material-ocean.css
@ -0,0 +1,141 @@
 /*
  Name:       material
  Author:     Mattia Astorino (http://github.com/equinusocio)
  Website:    https://material-theme.site/
 */
 .cm-s-material-ocean.CodeMirror {
  background-color: #0F111A;
  color: #8F93A2;
 }
 .cm-s-material-ocean .CodeMirror-gutters {
  background: #0F111A;
  color: #464B5D;
  border: none;
 }
 .cm-s-material-ocean .CodeMirror-guttermarker,
 .cm-s-material-ocean .CodeMirror-guttermarker-subtle,
 .cm-s-material-ocean .CodeMirror-linenumber {
  color: #464B5D;
 }
 .cm-s-material-ocean .CodeMirror-cursor {
  border-left: 1px solid #FFCC00;
 }
 .cm-s-material-ocean.cm-fat-cursor .CodeMirror-cursor {
  background-color: #a2a8a175 !important;
 }
 .cm-s-material-ocean .cm-animate-fat-cursor {
  background-color: #a2a8a175 !important;
 }
 .cm-s-material-ocean div.CodeMirror-selected {
  background: rgba(113, 124, 180, 0.2);
 }
 .cm-s-material-ocean.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(113, 124, 180, 0.2);
 }
 .cm-s-material-ocean .CodeMirror-line::selection,
 .cm-s-material-ocean .CodeMirror-line>span::selection,
 .cm-s-material-ocean .CodeMirror-line>span>span::selection {
  background: rgba(128, 203, 196, 0.2);
 }
 .cm-s-material-ocean .CodeMirror-line::-moz-selection,
 .cm-s-material-ocean .CodeMirror-line>span::-moz-selection,
 .cm-s-material-ocean .CodeMirror-line>span>span::-moz-selection {
  background: rgba(128, 203, 196, 0.2);
 }
 .cm-s-material-ocean .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.5);
 }
 .cm-s-material-ocean .cm-keyword {
  color: #C792EA;
 }
 .cm-s-material-ocean .cm-operator {
  color: #89DDFF;
 }
 .cm-s-material-ocean .cm-variable-2 {
  color: #EEFFFF;
 }
 .cm-s-material-ocean .cm-variable-3,
 .cm-s-material-ocean .cm-type {
  color: #f07178;
 }
 .cm-s-material-ocean .cm-builtin {
  color: #FFCB6B;
 }
 .cm-s-material-ocean .cm-atom {
  color: #F78C6C;
 }
 .cm-s-material-ocean .cm-number {
  color: #FF5370;
 }
 .cm-s-material-ocean .cm-def {
  color: #82AAFF;
 }
 .cm-s-material-ocean .cm-string {
  color: #C3E88D;
 }
 .cm-s-material-ocean .cm-string-2 {
  color: #f07178;
 }
 .cm-s-material-ocean .cm-comment {
  color: #464B5D;
 }
 .cm-s-material-ocean .cm-variable {
  color: #f07178;
 }
 .cm-s-material-ocean .cm-tag {
  color: #FF5370;
 }
 .cm-s-material-ocean .cm-meta {
  color: #FFCB6B;
 }
 .cm-s-material-ocean .cm-attribute {
  color: #C792EA;
 }
 .cm-s-material-ocean .cm-property {
  color: #C792EA;
 }
 .cm-s-material-ocean .cm-qualifier {
  color: #DECB6B;
 }
 .cm-s-material-ocean .cm-variable-3,
 .cm-s-material-ocean .cm-type {
  color: #DECB6B;
 }
 .cm-s-material-ocean .cm-error {
  color: rgba(255, 255, 255, 1.0);
  background-color: #FF5370;
 }
 .cm-s-material-ocean .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
 }
--- a/css/codemirror-themes/material-palenight.css
+++ b/css/codemirror-themes/material-palenight.css
@ -0,0 +1,141 @@
 /*
  Name:       material
  Author:     Mattia Astorino (http://github.com/equinusocio)
  Website:    https://material-theme.site/
 */
 .cm-s-material-palenight.CodeMirror {
  background-color: #292D3E;
  color: #A6ACCD;
 }
 .cm-s-material-palenight .CodeMirror-gutters {
  background: #292D3E;
  color: #676E95;
  border: none;
 }
 .cm-s-material-palenight .CodeMirror-guttermarker,
 .cm-s-material-palenight .CodeMirror-guttermarker-subtle,
 .cm-s-material-palenight .CodeMirror-linenumber {
  color: #676E95;
 }
 .cm-s-material-palenight .CodeMirror-cursor {
  border-left: 1px solid #FFCC00;
 }
 .cm-s-material-palenight.cm-fat-cursor .CodeMirror-cursor {
  background-color: #607c8b80 !important;
 }
 .cm-s-material-palenight .cm-animate-fat-cursor {
  background-color: #607c8b80 !important;
 }
 .cm-s-material-palenight div.CodeMirror-selected {
  background: rgba(113, 124, 180, 0.2);
 }
 .cm-s-material-palenight.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(113, 124, 180, 0.2);
 }
 .cm-s-material-palenight .CodeMirror-line::selection,
 .cm-s-material-palenight .CodeMirror-line>span::selection,
 .cm-s-material-palenight .CodeMirror-line>span>span::selection {
  background: rgba(128, 203, 196, 0.2);
 }
 .cm-s-material-palenight .CodeMirror-line::-moz-selection,
 .cm-s-material-palenight .CodeMirror-line>span::-moz-selection,
 .cm-s-material-palenight .CodeMirror-line>span>span::-moz-selection {
  background: rgba(128, 203, 196, 0.2);
 }
 .cm-s-material-palenight .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.5);
 }
 .cm-s-material-palenight .cm-keyword {
  color: #C792EA;
 }
 .cm-s-material-palenight .cm-operator {
  color: #89DDFF;
 }
 .cm-s-material-palenight .cm-variable-2 {
  color: #EEFFFF;
 }
 .cm-s-material-palenight .cm-variable-3,
 .cm-s-material-palenight .cm-type {
  color: #f07178;
 }
 .cm-s-material-palenight .cm-builtin {
  color: #FFCB6B;
 }
 .cm-s-material-palenight .cm-atom {
  color: #F78C6C;
 }
 .cm-s-material-palenight .cm-number {
  color: #FF5370;
 }
 .cm-s-material-palenight .cm-def {
  color: #82AAFF;
 }
 .cm-s-material-palenight .cm-string {
  color: #C3E88D;
 }
 .cm-s-material-palenight .cm-string-2 {
  color: #f07178;
 }
 .cm-s-material-palenight .cm-comment {
  color: #676E95;
 }
 .cm-s-material-palenight .cm-variable {
  color: #f07178;
 }
 .cm-s-material-palenight .cm-tag {
  color: #FF5370;
 }
 .cm-s-material-palenight .cm-meta {
  color: #FFCB6B;
 }
 .cm-s-material-palenight .cm-attribute {
  color: #C792EA;
 }
 .cm-s-material-palenight .cm-property {
  color: #C792EA;
 }
 .cm-s-material-palenight .cm-qualifier {
  color: #DECB6B;
 }
 .cm-s-material-palenight .cm-variable-3,
 .cm-s-material-palenight .cm-type {
  color: #DECB6B;
 }
 .cm-s-material-palenight .cm-error {
  color: rgba(255, 255, 255, 1.0);
  background-color: #FF5370;
 }
 .cm-s-material-palenight .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
 }
--- a/css/codemirror-themes/material.css
+++ b/css/codemirror-themes/material.css
@ -0,0 +1,141 @@
 /*
  Name:       material
  Author:     Mattia Astorino (http://github.com/equinusocio)
  Website:    https://material-theme.site/
 */
 .cm-s-material.CodeMirror {
  background-color: #263238;
  color: #EEFFFF;
 }
 .cm-s-material .CodeMirror-gutters {
  background: #263238;
  color: #546E7A;
  border: none;
 }
 .cm-s-material .CodeMirror-guttermarker,
 .cm-s-material .CodeMirror-guttermarker-subtle,
 .cm-s-material .CodeMirror-linenumber {
  color: #546E7A;
 }
 .cm-s-material .CodeMirror-cursor {
  border-left: 1px solid #FFCC00;
 }
 .cm-s-material.cm-fat-cursor .CodeMirror-cursor {
  background-color: #5d6d5c80 !important;
 }
 .cm-s-material .cm-animate-fat-cursor {
  background-color: #5d6d5c80 !important;
 }
 .cm-s-material div.CodeMirror-selected {
  background: rgba(128, 203, 196, 0.2);
 }
 .cm-s-material.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(128, 203, 196, 0.2);
 }
 .cm-s-material .CodeMirror-line::selection,
 .cm-s-material .CodeMirror-line>span::selection,
 .cm-s-material .CodeMirror-line>span>span::selection {
  background: rgba(128, 203, 196, 0.2);
 }
 .cm-s-material .CodeMirror-line::-moz-selection,
 .cm-s-material .CodeMirror-line>span::-moz-selection,
 .cm-s-material .CodeMirror-line>span>span::-moz-selection {
  background: rgba(128, 203, 196, 0.2);
 }
 .cm-s-material .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.5);
 }
 .cm-s-material .cm-keyword {
  color: #C792EA;
 }
 .cm-s-material .cm-operator {
  color: #89DDFF;
 }
 .cm-s-material .cm-variable-2 {
  color: #EEFFFF;
 }
 .cm-s-material .cm-variable-3,
 .cm-s-material .cm-type {
  color: #f07178;
 }
 .cm-s-material .cm-builtin {
  color: #FFCB6B;
 }
 .cm-s-material .cm-atom {
  color: #F78C6C;
 }
 .cm-s-material .cm-number {
  color: #FF5370;
 }
 .cm-s-material .cm-def {
  color: #82AAFF;
 }
 .cm-s-material .cm-string {
  color: #C3E88D;
 }
 .cm-s-material .cm-string-2 {
  color: #f07178;
 }
 .cm-s-material .cm-comment {
  color: #546E7A;
 }
 .cm-s-material .cm-variable {
  color: #f07178;
 }
 .cm-s-material .cm-tag {
  color: #FF5370;
 }
 .cm-s-material .cm-meta {
  color: #FFCB6B;
 }
 .cm-s-material .cm-attribute {
  color: #C792EA;
 }
 .cm-s-material .cm-property {
  color: #C792EA;
 }
 .cm-s-material .cm-qualifier {
  color: #DECB6B;
 }
 .cm-s-material .cm-variable-3,
 .cm-s-material .cm-type {
  color: #DECB6B;
 }
 .cm-s-material .cm-error {
  color: rgba(255, 255, 255, 1.0);
  background-color: #FF5370;
 }
 .cm-s-material .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
 }
--- a/css/codemirror-themes/mbo.css
+++ b/css/codemirror-themes/mbo.css
@ -0,0 +1,37 @@
 /****************************************************************/
 /*   Based on mbonaci's Brackets mbo theme                      */
 /*   https://github.com/mbonaci/global/blob/master/Mbo.tmTheme  */
 /*   Create your own: http://tmtheme-editor.herokuapp.com       */
 /****************************************************************/
 .cm-s-mbo.CodeMirror { background: #2c2c2c; color: #ffffec; }
 .cm-s-mbo div.CodeMirror-selected { background: #716C62; }
 .cm-s-mbo .CodeMirror-line::selection, .cm-s-mbo .CodeMirror-line > span::selection, .cm-s-mbo .CodeMirror-line > span > span::selection { background: rgba(113, 108, 98, .99); }
 .cm-s-mbo .CodeMirror-line::-moz-selection, .cm-s-mbo .CodeMirror-line > span::-moz-selection, .cm-s-mbo .CodeMirror-line > span > span::-moz-selection { background: rgba(113, 108, 98, .99); }
 .cm-s-mbo .CodeMirror-gutters { background: #4e4e4e; border-right: 0px; }
 .cm-s-mbo .CodeMirror-guttermarker { color: white; }
 .cm-s-mbo .CodeMirror-guttermarker-subtle { color: grey; }
 .cm-s-mbo .CodeMirror-linenumber { color: #dadada; }
 .cm-s-mbo .CodeMirror-cursor { border-left: 1px solid #ffffec; }
 .cm-s-mbo span.cm-comment { color: #95958a; }
 .cm-s-mbo span.cm-atom { color: #00a8c6; }
 .cm-s-mbo span.cm-number { color: #00a8c6; }
 .cm-s-mbo span.cm-property, .cm-s-mbo span.cm-attribute { color: #9ddfe9; }
 .cm-s-mbo span.cm-keyword { color: #ffb928; }
 .cm-s-mbo span.cm-string { color: #ffcf6c; }
 .cm-s-mbo span.cm-string.cm-property { color: #ffffec; }
 .cm-s-mbo span.cm-variable { color: #ffffec; }
 .cm-s-mbo span.cm-variable-2 { color: #00a8c6; }
 .cm-s-mbo span.cm-def { color: #ffffec; }
 .cm-s-mbo span.cm-bracket { color: #fffffc; font-weight: bold; }
 .cm-s-mbo span.cm-tag { color: #9ddfe9; }
 .cm-s-mbo span.cm-link { color: #f54b07; }
 .cm-s-mbo span.cm-error { border-bottom: #636363; color: #ffffec; }
 .cm-s-mbo span.cm-qualifier { color: #ffffec; }
 .cm-s-mbo .CodeMirror-activeline-background { background: #494b41; }
 .cm-s-mbo .CodeMirror-matchingbracket { color: #ffb928 !important; }
 .cm-s-mbo .CodeMirror-matchingtag { background: rgba(255, 255, 255, .37); }
--- a/css/codemirror-themes/mdn-like.css
+++ b/css/codemirror-themes/mdn-like.css
@ -0,0 +1,46 @@
 /*
  MDN-LIKE Theme - Mozilla
  Ported to CodeMirror by Peter Kroon <plakroon@gmail.com>
  Report bugs/issues here: https://github.com/codemirror/CodeMirror/issues
  GitHub: @peterkroon
  The mdn-like theme is inspired on the displayed code examples at: https://developer.mozilla.org/en-US/docs/Web/CSS/animation
 */
 .cm-s-mdn-like.CodeMirror { color: #999; background-color: #fff; }
 .cm-s-mdn-like div.CodeMirror-selected { background: #cfc; }
 .cm-s-mdn-like .CodeMirror-line::selection, .cm-s-mdn-like .CodeMirror-line > span::selection, .cm-s-mdn-like .CodeMirror-line > span > span::selection { background: #cfc; }
 .cm-s-mdn-like .CodeMirror-line::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span > span::-moz-selection { background: #cfc; }
 .cm-s-mdn-like .CodeMirror-gutters { background: #f8f8f8; border-left: 6px solid rgba(0,83,159,0.65); color: #333; }
 .cm-s-mdn-like .CodeMirror-linenumber { color: #aaa; padding-left: 8px; }
 .cm-s-mdn-like .CodeMirror-cursor { border-left: 2px solid #222; }
 .cm-s-mdn-like .cm-keyword { color: #6262FF; }
 .cm-s-mdn-like .cm-atom { color: #F90; }
 .cm-s-mdn-like .cm-number { color:  #ca7841; }
 .cm-s-mdn-like .cm-def { color: #8DA6CE; }
 .cm-s-mdn-like span.cm-variable-2, .cm-s-mdn-like span.cm-tag { color: #690; }
 .cm-s-mdn-like span.cm-variable-3, .cm-s-mdn-like span.cm-def, .cm-s-mdn-like span.cm-type { color: #07a; }
 .cm-s-mdn-like .cm-variable { color: #07a; }
 .cm-s-mdn-like .cm-property { color: #905; }
 .cm-s-mdn-like .cm-qualifier { color: #690; }
 .cm-s-mdn-like .cm-operator { color: #cda869; }
 .cm-s-mdn-like .cm-comment { color:#777; font-weight:normal; }
 .cm-s-mdn-like .cm-string { color:#07a; font-style:italic; }
 .cm-s-mdn-like .cm-string-2 { color:#bd6b18; } /*?*/
 .cm-s-mdn-like .cm-meta { color: #000; } /*?*/
 .cm-s-mdn-like .cm-builtin { color: #9B7536; } /*?*/
 .cm-s-mdn-like .cm-tag { color: #997643; }
 .cm-s-mdn-like .cm-attribute { color: #d6bb6d; } /*?*/
 .cm-s-mdn-like .cm-header { color: #FF6400; }
 .cm-s-mdn-like .cm-hr { color: #AEAEAE; }
 .cm-s-mdn-like .cm-link { color:#ad9361; font-style:italic; text-decoration:none; }
 .cm-s-mdn-like .cm-error { border-bottom: 1px solid red; }
 div.cm-s-mdn-like .CodeMirror-activeline-background { background: #efefff; }
 div.cm-s-mdn-like span.CodeMirror-matchingbracket { outline:1px solid grey; color: inherit; }
 .cm-s-mdn-like.CodeMirror { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAyCAYAAAAp8UeFAAAHvklEQVR42s2b63bcNgyEQZCSHCdt2vd/0tWF7I+Q6XgMXiTtuvU5Pl57ZQKkKHzEAOtF5KeIJBGJ8uvL599FRFREZhFx8DeXv8trn68RuGaC8TRfo3SNp9dlDDHedyLyTUTeRWStXKPZrjtpZxaRw5hPqozRs1N8/enzIiQRWcCgy4MUA0f+XWliDhyL8Lfyvx7ei/Ae3iQFHyw7U/59pQVIMEEPEz0G7XiwdRjzSfC3UTtz9vchIntxvry5iMgfIhJoEflOz2CQr3F5h/HfeFe+GTdLaKcu9L8LTeQb/R/7GgbsfKedyNdoHsN31uRPWrfZ5wsj/NzzRQHuToIdU3ahwnsKPxXCjJITuOsi7XLc7SG/v5GdALs7wf8JjTFiB5+QvTEfRyGOfX3Lrx8wxyQi3sNq46O7QahQiCsRFgqddjBouVEHOKDgXAQHD9gJCr5sMKkEdjwsarG/ww3BMHBU7OBjXnzdyY7SfCxf5/z6ATccrwlKuwC/jhznnPF4CgVzhhVf4xp2EixcBActO75iZ8/fM9zAs2OMzKdslgXWJ9XG8PQoOAMA5fGcsvORgv0doBXyHrCwfLJAOwo71QLNkb8n2Pl6EWiR7OCibtkPaz4Kc/0NNAze2gju3zOwekALDaCFPI5vjPFmgGY5AZqyGEvH1x7QfIb8YtxMnA/b+QQ0aQDAwc6JMFg8CbQZ4qoYEEHbRwNojuK3EHwd7VALSgq+MNDKzfT58T8qdpADrgW0GmgcAS1lhzztJmkAzcPNOQbsWEALBDSlMKUG0Eq4CLAQWvEVQ9WU57gZJwZtgPO3r9oBTQ9WO8TjqXINx8R0EYpiZEUWOF3FxkbJkgU9B2f41YBrIj5ZfsQa0M5kTgiAAqM3ShXLgu8XMqcrQBvJ0CL5pnTsfMB13oB8athpAq2XOQmcGmoACCLydx7nToa23ATaSIY2ichfOdPTGxlasXMLaL0MLZAOwAKIM+y8CmicobGdCcbbK9DzN+yYGVoNNI5iUKTMyYOjPse4A8SM1MmcXgU0toOq1yO/v8FOxlASyc7TgeYaAMBJHcY1CcCwGI/TK4AmDbDyKYBBtFUkRwto8gygiQEaByFgJ00BH2M8JWwQS1nafDXQCidWyOI8AcjDCSjCLk8ngObuAm3JAHAdubAmOaK06V8MNEsKPJOhobSprwQa6gD7DclRQdqcwL4zxqgBrQcabUiBLclRDKAlWp+etPkBaNMA0AKlrHwTdEByZAA4GM+SNluSY6wAzcMNewxmgig5Ks0nkrSpBvSaQHMdKTBAnLojOdYyGpQ254602ZILPdTD1hdlggdIm74jbTp8vDwF5ZYUeLWGJpWsh6XNyXgcYwVoJQTEhhTYkxzZjiU5npU2TaB979TQehlaAVq4kaGpiPwwwLkYUuBbQwocyQTv1tA0+1UFWoJF3iv1oq+qoSk8EQdJmwHkziIF7oOZk14EGitibAdjLYYK78H5vZOhtWpoI0ATGHs0Q8OMb4Ey+2bU2UYztCtA0wFAs7TplGLRVQCcqaFdGSPCeTI1QNIC52iWNzof6Uib7xjEp07mNNoUYmVosVItHrHzRlLgBn9LFyRHaQCtVUMbtTNhoXWiTOO9k/V8BdAc1Oq0ArSQs6/5SU0hckNy9NnXqQY0PGYo5dWJ7nINaN6o958FWin27aBaWRka1r5myvLOAm0j30eBJqCxHLReVclxhxOEN2JfDWjxBtAC7MIH1fVaGdoOp4qJYDgKtKPSFNID2gSnGldrCqkFZ+5UeQXQBIRrSwocbdZYQT/2LwRahBPBXoHrB8nxaGROST62DKUbQOMMzZIC9abkuELfQzQALWTnDNAm8KHWFOJgJ5+SHIvTPcmx1xQyZRhNL5Qci689aXMEaN/uNIWkEwDAvFpOZmgsBaaGnbs1NPa1Jm32gBZAIh1pCtG7TSH4aE0y1uVY4uqoFPisGlpP2rSA5qTecWn5agK6BzSpgAyD+wFaqhnYoSZ1Vwr8CmlTQbrcO3ZaX0NAEyMbYaAlyquFoLKK3SPby9CeVUPThrSJmkCAE0CrKUQadi4DrdSlWhmah0YL9z9vClH59YGbHx1J8VZTyAjQepJjmXwAKTDQI3omc3p1U4gDUf6RfcdYfrUp5ClAi2J3Ba6UOXGo+K+bQrjjssitG2SJzshaLwMtXgRagUNpYYoVkMSBLM+9GGiJZMvduG6DRZ4qc04DMPtQQxOjEtACmhO7K1AbNbQDEggZyJwscFpAGwENhoBeUwh3bWolhe8BTYVKxQEWrSUn/uhcM5KhvUu/+eQu0Lzhi+VrK0PrZZNDQKs9cpYUuFYgMVpD4/NxenJTiMCNqdUEUf1qZWjppLT5qSkkUZbCwkbZMSuVnu80hfSkzRbQeqCZSAh6huR4VtoM2gHAlLf72smuWgE+VV7XpE25Ab2WFDgyhnSuKbs4GuGzCjR+tIoUuMFg3kgcWKLTwRqanJQ2W00hAsenfaApRC42hbCvK1SlE0HtE9BGgneJO+ELamitD1YjjOYnNYVcraGhtKkW0EqVVeDx733I2NH581k1NNxNLG0i0IJ8/NjVaOZ0tYZ2Vtr0Xv7tPV3hkWp9EFkgS/J0vosngTaSoaG06WHi+xObQkaAdlbanP8B2+2l0f90LmUAAAAASUVORK5CYII=); }
--- a/css/codemirror-themes/midnight.css
+++ b/css/codemirror-themes/midnight.css
@ -0,0 +1,39 @@
 /* Based on the theme at http://bonsaiden.github.com/JavaScript-Garden */
 /*<!--activeline-->*/
 .cm-s-midnight .CodeMirror-activeline-background { background: #253540; }
 .cm-s-midnight.CodeMirror {
    background: #0F192A;
    color: #D1EDFF;
 }
 .cm-s-midnight div.CodeMirror-selected { background: #314D67; }
 .cm-s-midnight .CodeMirror-line::selection, .cm-s-midnight .CodeMirror-line > span::selection, .cm-s-midnight .CodeMirror-line > span > span::selection { background: rgba(49, 77, 103, .99); }
 .cm-s-midnight .CodeMirror-line::-moz-selection, .cm-s-midnight .CodeMirror-line > span::-moz-selection, .cm-s-midnight .CodeMirror-line > span > span::-moz-selection { background: rgba(49, 77, 103, .99); }
 .cm-s-midnight .CodeMirror-gutters { background: #0F192A; border-right: 1px solid; }
 .cm-s-midnight .CodeMirror-guttermarker { color: white; }
 .cm-s-midnight .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
 .cm-s-midnight .CodeMirror-linenumber { color: #D0D0D0; }
 .cm-s-midnight .CodeMirror-cursor { border-left: 1px solid #F8F8F0; }
 .cm-s-midnight span.cm-comment { color: #428BDD; }
 .cm-s-midnight span.cm-atom { color: #AE81FF; }
 .cm-s-midnight span.cm-number { color: #D1EDFF; }
 .cm-s-midnight span.cm-property, .cm-s-midnight span.cm-attribute { color: #A6E22E; }
 .cm-s-midnight span.cm-keyword { color: #E83737; }
 .cm-s-midnight span.cm-string { color: #1DC116; }
 .cm-s-midnight span.cm-variable { color: #FFAA3E; }
 .cm-s-midnight span.cm-variable-2 { color: #FFAA3E; }
 .cm-s-midnight span.cm-def { color: #4DD; }
 .cm-s-midnight span.cm-bracket { color: #D1EDFF; }
 .cm-s-midnight span.cm-tag { color: #449; }
 .cm-s-midnight span.cm-link { color: #AE81FF; }
 .cm-s-midnight span.cm-error { background: #F92672; color: #F8F8F0; }
 .cm-s-midnight .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
 }
--- a/css/codemirror-themes/monokai.css
+++ b/css/codemirror-themes/monokai.css
@ -0,0 +1,41 @@
 /* Based on Sublime Text's Monokai theme */
 .cm-s-monokai.CodeMirror { background: #272822; color: #f8f8f2; }
 .cm-s-monokai div.CodeMirror-selected { background: #49483E; }
 .cm-s-monokai .CodeMirror-line::selection, .cm-s-monokai .CodeMirror-line > span::selection, .cm-s-monokai .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); }
 .cm-s-monokai .CodeMirror-line::-moz-selection, .cm-s-monokai .CodeMirror-line > span::-moz-selection, .cm-s-monokai .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); }
 .cm-s-monokai .CodeMirror-gutters { background: #272822; border-right: 0px; }
 .cm-s-monokai .CodeMirror-guttermarker { color: white; }
 .cm-s-monokai .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
 .cm-s-monokai .CodeMirror-linenumber { color: #d0d0d0; }
 .cm-s-monokai .CodeMirror-cursor { border-left: 1px solid #f8f8f0; }
 .cm-s-monokai span.cm-comment { color: #75715e; }
 .cm-s-monokai span.cm-atom { color: #ae81ff; }
 .cm-s-monokai span.cm-number { color: #ae81ff; }
 .cm-s-monokai span.cm-comment.cm-attribute { color: #97b757; }
 .cm-s-monokai span.cm-comment.cm-def { color: #bc9262; }
 .cm-s-monokai span.cm-comment.cm-tag { color: #bc6283; }
 .cm-s-monokai span.cm-comment.cm-type { color: #5998a6; }
 .cm-s-monokai span.cm-property, .cm-s-monokai span.cm-attribute { color: #a6e22e; }
 .cm-s-monokai span.cm-keyword { color: #f92672; }
 .cm-s-monokai span.cm-builtin { color: #66d9ef; }
 .cm-s-monokai span.cm-string { color: #e6db74; }
 .cm-s-monokai span.cm-variable { color: #f8f8f2; }
 .cm-s-monokai span.cm-variable-2 { color: #9effff; }
 .cm-s-monokai span.cm-variable-3, .cm-s-monokai span.cm-type { color: #66d9ef; }
 .cm-s-monokai span.cm-def { color: #fd971f; }
 .cm-s-monokai span.cm-bracket { color: #f8f8f2; }
 .cm-s-monokai span.cm-tag { color: #f92672; }
 .cm-s-monokai span.cm-header { color: #ae81ff; }
 .cm-s-monokai span.cm-link { color: #ae81ff; }
 .cm-s-monokai span.cm-error { background: #f92672; color: #f8f8f0; }
 .cm-s-monokai .CodeMirror-activeline-background { background: #373831; }
 .cm-s-monokai .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
 }
--- a/css/codemirror-themes/moxer.css
+++ b/css/codemirror-themes/moxer.css
@ -0,0 +1,143 @@
 /*
  Name:       Moxer Theme
  Author:     Mattia Astorino (http://github.com/equinusocio)
  Website:    https://github.com/moxer-theme/moxer-code
 */
 .cm-s-moxer.CodeMirror {
  background-color: #090A0F;
  color: #8E95B4;
  line-height: 1.8;
 }
 .cm-s-moxer .CodeMirror-gutters {
  background: #090A0F;
  color: #35394B;
  border: none;
 }
 .cm-s-moxer .CodeMirror-guttermarker,
 .cm-s-moxer .CodeMirror-guttermarker-subtle,
 .cm-s-moxer .CodeMirror-linenumber {
  color: #35394B;
 }
 .cm-s-moxer .CodeMirror-cursor {
  border-left: 1px solid #FFCC00;
 }
 .cm-s-moxer div.CodeMirror-selected {
  background: rgba(128, 203, 196, 0.2);
 }
 .cm-s-moxer.CodeMirror-focused div.CodeMirror-selected {
  background: #212431;
 }
 .cm-s-moxer .CodeMirror-line::selection,
 .cm-s-moxer .CodeMirror-line>span::selection,
 .cm-s-moxer .CodeMirror-line>span>span::selection {
  background: #212431;
 }
 .cm-s-moxer .CodeMirror-line::-moz-selection,
 .cm-s-moxer .CodeMirror-line>span::-moz-selection,
 .cm-s-moxer .CodeMirror-line>span>span::-moz-selection {
  background: #212431;
 }
 .cm-s-moxer .CodeMirror-activeline-background,
 .cm-s-moxer .CodeMirror-activeline-gutter .CodeMirror-linenumber {
  background: rgba(33, 36, 49, 0.5);
 }
 .cm-s-moxer .cm-keyword {
  color: #D46C6C;
 }
 .cm-s-moxer .cm-operator {
  color: #D46C6C;
 }
 .cm-s-moxer .cm-variable-2 {
  color: #81C5DA;
 }
 .cm-s-moxer .cm-variable-3,
 .cm-s-moxer .cm-type {
  color: #f07178;
 }
 .cm-s-moxer .cm-builtin {
  color: #FFCB6B;
 }
 .cm-s-moxer .cm-atom {
  color: #A99BE2;
 }
 .cm-s-moxer .cm-number {
  color: #7CA4C0;
 }
 .cm-s-moxer .cm-def {
  color: #F5DFA5;
 }
 .cm-s-moxer .CodeMirror-line .cm-def ~ .cm-def {
  color: #81C5DA;
 }
 .cm-s-moxer .cm-string {
  color: #B2E4AE;
 }
 .cm-s-moxer .cm-string-2 {
  color: #f07178;
 }
 .cm-s-moxer .cm-comment {
  color: #3F445A;
 }
 .cm-s-moxer .cm-variable {
  color: #8E95B4;
 }
 .cm-s-moxer .cm-tag {
  color: #FF5370;
 }
 .cm-s-moxer .cm-meta {
  color: #FFCB6B;
 }
 .cm-s-moxer .cm-attribute {
  color: #C792EA;
 }
 .cm-s-moxer .cm-property {
  color: #81C5DA;
 }
 .cm-s-moxer .cm-qualifier {
  color: #DECB6B;
 }
 .cm-s-moxer .cm-variable-3,
 .cm-s-moxer .cm-type {
  color: #DECB6B;
 }
 .cm-s-moxer .cm-error {
  color: rgba(255, 255, 255, 1.0);
  background-color: #FF5370;
 }
 .cm-s-moxer .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
 }
--- a/css/codemirror-themes/neat.css
+++ b/css/codemirror-themes/neat.css
@ -0,0 +1,12 @@
 .cm-s-neat span.cm-comment { color: #a86; }
 .cm-s-neat span.cm-keyword { line-height: 1em; font-weight: bold; color: blue; }
 .cm-s-neat span.cm-string { color: #a22; }
 .cm-s-neat span.cm-builtin { line-height: 1em; font-weight: bold; color: #077; }
 .cm-s-neat span.cm-special { line-height: 1em; font-weight: bold; color: #0aa; }
 .cm-s-neat span.cm-variable { color: black; }
 .cm-s-neat span.cm-number, .cm-s-neat span.cm-atom { color: #3a3; }
 .cm-s-neat span.cm-meta { color: #555; }
 .cm-s-neat span.cm-link { color: #3a3; }
 .cm-s-neat .CodeMirror-activeline-background { background: #e8f2ff; }
 .cm-s-neat .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }
--- a/css/codemirror-themes/neo.css
+++ b/css/codemirror-themes/neo.css
@ -0,0 +1,43 @@
 /* neo theme for codemirror */
 /* Color scheme */
 .cm-s-neo.CodeMirror {
  background-color:#ffffff;
  color:#2e383c;
  line-height:1.4375;
 }
 .cm-s-neo .cm-comment { color:#75787b; }
 .cm-s-neo .cm-keyword, .cm-s-neo .cm-property { color:#1d75b3; }
 .cm-s-neo .cm-atom,.cm-s-neo .cm-number { color:#75438a; }
 .cm-s-neo .cm-node,.cm-s-neo .cm-tag { color:#9c3328; }
 .cm-s-neo .cm-string { color:#b35e14; }
 .cm-s-neo .cm-variable,.cm-s-neo .cm-qualifier { color:#047d65; }
 /* Editor styling */
 .cm-s-neo pre {
  padding:0;
 }
 .cm-s-neo .CodeMirror-gutters {
  border:none;
  border-right:10px solid transparent;
  background-color:transparent;
 }
 .cm-s-neo .CodeMirror-linenumber {
  padding:0;
  color:#e0e2e5;
 }
 .cm-s-neo .CodeMirror-guttermarker { color: #1d75b3; }
 .cm-s-neo .CodeMirror-guttermarker-subtle { color: #e0e2e5; }
 .cm-s-neo .CodeMirror-cursor {
  width: auto;
  border: 0;
  background: rgba(155,157,162,0.37);
  z-index: 1;
 }
--- a/css/codemirror-themes/night.css
+++ b/css/codemirror-themes/night.css
@ -0,0 +1,27 @@
 /* Loosely based on the Midnight Textmate theme */
 .cm-s-night.CodeMirror { background: #0a001f; color: #f8f8f8; }
 .cm-s-night div.CodeMirror-selected { background: #447; }
 .cm-s-night .CodeMirror-line::selection, .cm-s-night .CodeMirror-line > span::selection, .cm-s-night .CodeMirror-line > span > span::selection { background: rgba(68, 68, 119, .99); }
 .cm-s-night .CodeMirror-line::-moz-selection, .cm-s-night .CodeMirror-line > span::-moz-selection, .cm-s-night .CodeMirror-line > span > span::-moz-selection { background: rgba(68, 68, 119, .99); }
 .cm-s-night .CodeMirror-gutters { background: #0a001f; border-right: 1px solid #aaa; }
 .cm-s-night .CodeMirror-guttermarker { color: white; }
 .cm-s-night .CodeMirror-guttermarker-subtle { color: #bbb; }
 .cm-s-night .CodeMirror-linenumber { color: #f8f8f8; }
 .cm-s-night .CodeMirror-cursor { border-left: 1px solid white; }
 .cm-s-night span.cm-comment { color: #8900d1; }
 .cm-s-night span.cm-atom { color: #845dc4; }
 .cm-s-night span.cm-number, .cm-s-night span.cm-attribute { color: #ffd500; }
 .cm-s-night span.cm-keyword { color: #599eff; }
 .cm-s-night span.cm-string { color: #37f14a; }
 .cm-s-night span.cm-meta { color: #7678e2; }
 .cm-s-night span.cm-variable-2, .cm-s-night span.cm-tag { color: #99b2ff; }
 .cm-s-night span.cm-variable-3, .cm-s-night span.cm-def, .cm-s-night span.cm-type { color: white; }
 .cm-s-night span.cm-bracket { color: #8da6ce; }
 .cm-s-night span.cm-builtin, .cm-s-night span.cm-special { color: #ff9e59; }
 .cm-s-night span.cm-link { color: #845dc4; }
 .cm-s-night span.cm-error { color: #9d1e15; }
 .cm-s-night .CodeMirror-activeline-background { background: #1C005A; }
 .cm-s-night .CodeMirror-matchingbracket { outline:1px solid grey; color:white !important; }
--- a/css/codemirror-themes/nord.css
+++ b/css/codemirror-themes/nord.css
@ -0,0 +1,42 @@
 /* Based on arcticicestudio's Nord theme */
 /* https://github.com/arcticicestudio/nord */
 .cm-s-nord.CodeMirror { background: #2e3440; color: #d8dee9; }
 .cm-s-nord div.CodeMirror-selected { background: #434c5e; }
 .cm-s-nord .CodeMirror-line::selection, .cm-s-nord .CodeMirror-line > span::selection, .cm-s-nord .CodeMirror-line > span > span::selection { background: #3b4252; }
 .cm-s-nord .CodeMirror-line::-moz-selection, .cm-s-nord .CodeMirror-line > span::-moz-selection, .cm-s-nord .CodeMirror-line > span > span::-moz-selection { background: #3b4252; }
 .cm-s-nord .CodeMirror-gutters { background: #2e3440; border-right: 0px; }
 .cm-s-nord .CodeMirror-guttermarker { color: #4c566a; }
 .cm-s-nord .CodeMirror-guttermarker-subtle { color: #4c566a; }
 .cm-s-nord .CodeMirror-linenumber { color: #4c566a; }
 .cm-s-nord .CodeMirror-cursor { border-left: 1px solid #f8f8f0; }
 .cm-s-nord span.cm-comment { color: #4c566a; }
 .cm-s-nord span.cm-atom { color: #b48ead; }
 .cm-s-nord span.cm-number { color: #b48ead; }
 .cm-s-nord span.cm-comment.cm-attribute { color: #97b757; }
 .cm-s-nord span.cm-comment.cm-def { color: #bc9262; }
 .cm-s-nord span.cm-comment.cm-tag { color: #bc6283; }
 .cm-s-nord span.cm-comment.cm-type { color: #5998a6; }
 .cm-s-nord span.cm-property, .cm-s-nord span.cm-attribute { color: #8FBCBB; }
 .cm-s-nord span.cm-keyword { color: #81A1C1; }
 .cm-s-nord span.cm-builtin { color: #81A1C1; }
 .cm-s-nord span.cm-string { color: #A3BE8C; }
 .cm-s-nord span.cm-variable { color: #d8dee9; }
 .cm-s-nord span.cm-variable-2 { color: #d8dee9; }
 .cm-s-nord span.cm-variable-3, .cm-s-nord span.cm-type { color: #d8dee9; }
 .cm-s-nord span.cm-def { color: #8FBCBB; }
 .cm-s-nord span.cm-bracket { color: #81A1C1; }
 .cm-s-nord span.cm-tag { color: #bf616a; }
 .cm-s-nord span.cm-header { color: #b48ead; }
 .cm-s-nord span.cm-link { color: #b48ead; }
 .cm-s-nord span.cm-error { background: #bf616a; color: #f8f8f0; }
 .cm-s-nord .CodeMirror-activeline-background { background: #3b4252; }
 .cm-s-nord .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
 }
--- a/css/codemirror-themes/oceanic-next.css
+++ b/css/codemirror-themes/oceanic-next.css
@ -0,0 +1,46 @@
 /*
    Name:       oceanic-next
    Author:     Filype Pereira (https://github.com/fpereira1)
    Original oceanic-next color scheme by Dmitri Voronianski (https://github.com/voronianski/oceanic-next-color-scheme)
 */
 .cm-s-oceanic-next.CodeMirror { background: #304148; color: #f8f8f2; }
 .cm-s-oceanic-next div.CodeMirror-selected { background: rgba(101, 115, 126, 0.33); }
 .cm-s-oceanic-next .CodeMirror-line::selection, .cm-s-oceanic-next .CodeMirror-line > span::selection, .cm-s-oceanic-next .CodeMirror-line > span > span::selection { background: rgba(101, 115, 126, 0.33); }
 .cm-s-oceanic-next .CodeMirror-line::-moz-selection, .cm-s-oceanic-next .CodeMirror-line > span::-moz-selection, .cm-s-oceanic-next .CodeMirror-line > span > span::-moz-selection { background: rgba(101, 115, 126, 0.33); }
 .cm-s-oceanic-next .CodeMirror-gutters { background: #304148; border-right: 10px; }
 .cm-s-oceanic-next .CodeMirror-guttermarker { color: white; }
 .cm-s-oceanic-next .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
 .cm-s-oceanic-next .CodeMirror-linenumber { color: #d0d0d0; }
 .cm-s-oceanic-next .CodeMirror-cursor { border-left: 1px solid #f8f8f0; }
 .cm-s-oceanic-next.cm-fat-cursor .CodeMirror-cursor { background-color: #a2a8a175 !important; }
 .cm-s-oceanic-next .cm-animate-fat-cursor { background-color: #a2a8a175 !important; }
 .cm-s-oceanic-next span.cm-comment { color: #65737E; }
 .cm-s-oceanic-next span.cm-atom { color: #C594C5; }
 .cm-s-oceanic-next span.cm-number { color: #F99157; }
 .cm-s-oceanic-next span.cm-property { color: #99C794; }
 .cm-s-oceanic-next span.cm-attribute,
 .cm-s-oceanic-next span.cm-keyword { color: #C594C5; }
 .cm-s-oceanic-next span.cm-builtin { color: #66d9ef; }
 .cm-s-oceanic-next span.cm-string { color: #99C794; }
 .cm-s-oceanic-next span.cm-variable,
 .cm-s-oceanic-next span.cm-variable-2,
 .cm-s-oceanic-next span.cm-variable-3 { color: #f8f8f2; }
 .cm-s-oceanic-next span.cm-def { color: #6699CC; }
 .cm-s-oceanic-next span.cm-bracket { color: #5FB3B3; }
 .cm-s-oceanic-next span.cm-tag { color: #C594C5; }
 .cm-s-oceanic-next span.cm-header { color: #C594C5; }
 .cm-s-oceanic-next span.cm-link { color: #C594C5; }
 .cm-s-oceanic-next span.cm-error { background: #C594C5; color: #f8f8f0; }
 .cm-s-oceanic-next .CodeMirror-activeline-background { background: rgba(101, 115, 126, 0.33); }
 .cm-s-oceanic-next .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
 }
--- a/css/codemirror-themes/panda-syntax.css
+++ b/css/codemirror-themes/panda-syntax.css
@ -0,0 +1,85 @@
 /*
 	Name:       Panda Syntax
 	Author:     Siamak Mokhtari (http://github.com/siamak/)
 	CodeMirror template by Siamak Mokhtari (https://github.com/siamak/atom-panda-syntax)
 */
 .cm-s-panda-syntax {
 	background: #292A2B;
 	color: #E6E6E6;
 	line-height: 1.5;
 	font-family: 'Operator Mono', 'Source Code Pro', Menlo, Monaco, Consolas, Courier New, monospace;
 }
 .cm-s-panda-syntax .CodeMirror-cursor { border-color: #ff2c6d; }
 .cm-s-panda-syntax .CodeMirror-activeline-background {
 	background: rgba(99, 123, 156, 0.1);
 }
 .cm-s-panda-syntax .CodeMirror-selected {
 	background: #FFF;
 }
 .cm-s-panda-syntax .cm-comment {
 	font-style: italic;
 	color: #676B79;
 }
 .cm-s-panda-syntax .cm-operator {
 	color: #f3f3f3;
 }
 .cm-s-panda-syntax .cm-string {
 	color: #19F9D8;
 }
 .cm-s-panda-syntax .cm-string-2 {
    color: #FFB86C;
 }
 .cm-s-panda-syntax .cm-tag {
 	color: #ff2c6d;
 }
 .cm-s-panda-syntax .cm-meta {
 	color: #b084eb;
 }
 .cm-s-panda-syntax .cm-number {
 	color: #FFB86C;
 }
 .cm-s-panda-syntax .cm-atom {
 	color: #ff2c6d;
 }
 .cm-s-panda-syntax .cm-keyword {
 	color: #FF75B5;
 }
 .cm-s-panda-syntax .cm-variable {
 	color: #ffb86c;
 }
 .cm-s-panda-syntax .cm-variable-2 {
 	color: #ff9ac1;
 }
 .cm-s-panda-syntax .cm-variable-3, .cm-s-panda-syntax .cm-type {
 	color: #ff9ac1;
 }
 .cm-s-panda-syntax .cm-def {
 	color: #e6e6e6;
 }
 .cm-s-panda-syntax .cm-property {
 	color: #f3f3f3;
 }
 .cm-s-panda-syntax .cm-unit {
    color: #ffb86c;
 }
 .cm-s-panda-syntax .cm-attribute {
    color: #ffb86c;
 }
 .cm-s-panda-syntax .CodeMirror-matchingbracket {
    border-bottom: 1px dotted #19F9D8;
    padding-bottom: 2px;
    color: #e6e6e6;
 }
 .cm-s-panda-syntax .CodeMirror-gutters {
    background: #292a2b;
    border-right-color: rgba(255, 255, 255, 0.1);
 }
 .cm-s-panda-syntax .CodeMirror-linenumber {
    color: #e6e6e6;
    opacity: 0.6;
 }
--- a/css/codemirror-themes/paraiso-dark.css
+++ b/css/codemirror-themes/paraiso-dark.css
@ -0,0 +1,38 @@
 /*
    Name:       Paraíso (Dark)
    Author:     Jan T. Sott
    Color scheme by Jan T. Sott (https://github.com/idleberg/Paraiso-CodeMirror)
    Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
 */
 .cm-s-paraiso-dark.CodeMirror { background: #2f1e2e; color: #b9b6b0; }
 .cm-s-paraiso-dark div.CodeMirror-selected { background: #41323f; }
 .cm-s-paraiso-dark .CodeMirror-line::selection, .cm-s-paraiso-dark .CodeMirror-line > span::selection, .cm-s-paraiso-dark .CodeMirror-line > span > span::selection { background: rgba(65, 50, 63, .99); }
 .cm-s-paraiso-dark .CodeMirror-line::-moz-selection, .cm-s-paraiso-dark .CodeMirror-line > span::-moz-selection, .cm-s-paraiso-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(65, 50, 63, .99); }
 .cm-s-paraiso-dark .CodeMirror-gutters { background: #2f1e2e; border-right: 0px; }
 .cm-s-paraiso-dark .CodeMirror-guttermarker { color: #ef6155; }
 .cm-s-paraiso-dark .CodeMirror-guttermarker-subtle { color: #776e71; }
 .cm-s-paraiso-dark .CodeMirror-linenumber { color: #776e71; }
 .cm-s-paraiso-dark .CodeMirror-cursor { border-left: 1px solid #8d8687; }
 .cm-s-paraiso-dark span.cm-comment { color: #e96ba8; }
 .cm-s-paraiso-dark span.cm-atom { color: #815ba4; }
 .cm-s-paraiso-dark span.cm-number { color: #815ba4; }
 .cm-s-paraiso-dark span.cm-property, .cm-s-paraiso-dark span.cm-attribute { color: #48b685; }
 .cm-s-paraiso-dark span.cm-keyword { color: #ef6155; }
 .cm-s-paraiso-dark span.cm-string { color: #fec418; }
 .cm-s-paraiso-dark span.cm-variable { color: #48b685; }
 .cm-s-paraiso-dark span.cm-variable-2 { color: #06b6ef; }
 .cm-s-paraiso-dark span.cm-def { color: #f99b15; }
 .cm-s-paraiso-dark span.cm-bracket { color: #b9b6b0; }
 .cm-s-paraiso-dark span.cm-tag { color: #ef6155; }
 .cm-s-paraiso-dark span.cm-link { color: #815ba4; }
 .cm-s-paraiso-dark span.cm-error { background: #ef6155; color: #8d8687; }
 .cm-s-paraiso-dark .CodeMirror-activeline-background { background: #4D344A; }
 .cm-s-paraiso-dark .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }
--- a/css/codemirror-themes/paraiso-light.css
+++ b/css/codemirror-themes/paraiso-light.css
@ -0,0 +1,38 @@
 /*
    Name:       Paraíso (Light)
    Author:     Jan T. Sott
    Color scheme by Jan T. Sott (https://github.com/idleberg/Paraiso-CodeMirror)
    Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
 */
 .cm-s-paraiso-light.CodeMirror { background: #e7e9db; color: #41323f; }
 .cm-s-paraiso-light div.CodeMirror-selected { background: #b9b6b0; }
 .cm-s-paraiso-light .CodeMirror-line::selection, .cm-s-paraiso-light .CodeMirror-line > span::selection, .cm-s-paraiso-light .CodeMirror-line > span > span::selection { background: #b9b6b0; }
 .cm-s-paraiso-light .CodeMirror-line::-moz-selection, .cm-s-paraiso-light .CodeMirror-line > span::-moz-selection, .cm-s-paraiso-light .CodeMirror-line > span > span::-moz-selection { background: #b9b6b0; }
 .cm-s-paraiso-light .CodeMirror-gutters { background: #e7e9db; border-right: 0px; }
 .cm-s-paraiso-light .CodeMirror-guttermarker { color: black; }
 .cm-s-paraiso-light .CodeMirror-guttermarker-subtle { color: #8d8687; }
 .cm-s-paraiso-light .CodeMirror-linenumber { color: #8d8687; }
 .cm-s-paraiso-light .CodeMirror-cursor { border-left: 1px solid #776e71; }
 .cm-s-paraiso-light span.cm-comment { color: #e96ba8; }
 .cm-s-paraiso-light span.cm-atom { color: #815ba4; }
 .cm-s-paraiso-light span.cm-number { color: #815ba4; }
 .cm-s-paraiso-light span.cm-property, .cm-s-paraiso-light span.cm-attribute { color: #48b685; }
 .cm-s-paraiso-light span.cm-keyword { color: #ef6155; }
 .cm-s-paraiso-light span.cm-string { color: #fec418; }
 .cm-s-paraiso-light span.cm-variable { color: #48b685; }
 .cm-s-paraiso-light span.cm-variable-2 { color: #06b6ef; }
 .cm-s-paraiso-light span.cm-def { color: #f99b15; }
 .cm-s-paraiso-light span.cm-bracket { color: #41323f; }
 .cm-s-paraiso-light span.cm-tag { color: #ef6155; }
 .cm-s-paraiso-light span.cm-link { color: #815ba4; }
 .cm-s-paraiso-light span.cm-error { background: #ef6155; color: #776e71; }
 .cm-s-paraiso-light .CodeMirror-activeline-background { background: #CFD1C4; }
 .cm-s-paraiso-light .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }
--- a/css/codemirror-themes/pastel-on-dark.css
+++ b/css/codemirror-themes/pastel-on-dark.css
@ -0,0 +1,52 @@
 /**
 * Pastel On Dark theme ported from ACE editor
 * @license MIT
 * @copyright AtomicPages LLC 2014
 * @author Dennis Thompson, AtomicPages LLC
 * @version 1.1
 * @source https://github.com/atomicpages/codemirror-pastel-on-dark-theme
 */
 .cm-s-pastel-on-dark.CodeMirror {
 	background: #2c2827;
 	color: #8F938F;
 	line-height: 1.5;
 }
 .cm-s-pastel-on-dark div.CodeMirror-selected { background: rgba(221,240,255,0.2); }
 .cm-s-pastel-on-dark .CodeMirror-line::selection, .cm-s-pastel-on-dark .CodeMirror-line > span::selection, .cm-s-pastel-on-dark .CodeMirror-line > span > span::selection { background: rgba(221,240,255,0.2); }
 .cm-s-pastel-on-dark .CodeMirror-line::-moz-selection, .cm-s-pastel-on-dark .CodeMirror-line > span::-moz-selection, .cm-s-pastel-on-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(221,240,255,0.2); }
 .cm-s-pastel-on-dark .CodeMirror-gutters {
 	background: #34302f;
 	border-right: 0px;
 	padding: 0 3px;
 }
 .cm-s-pastel-on-dark .CodeMirror-guttermarker { color: white; }
 .cm-s-pastel-on-dark .CodeMirror-guttermarker-subtle { color: #8F938F; }
 .cm-s-pastel-on-dark .CodeMirror-linenumber { color: #8F938F; }
 .cm-s-pastel-on-dark .CodeMirror-cursor { border-left: 1px solid #A7A7A7; }
 .cm-s-pastel-on-dark span.cm-comment { color: #A6C6FF; }
 .cm-s-pastel-on-dark span.cm-atom { color: #DE8E30; }
 .cm-s-pastel-on-dark span.cm-number { color: #CCCCCC; }
 .cm-s-pastel-on-dark span.cm-property { color: #8F938F; }
 .cm-s-pastel-on-dark span.cm-attribute { color: #a6e22e; }
 .cm-s-pastel-on-dark span.cm-keyword { color: #AEB2F8; }
 .cm-s-pastel-on-dark span.cm-string { color: #66A968; }
 .cm-s-pastel-on-dark span.cm-variable { color: #AEB2F8; }
 .cm-s-pastel-on-dark span.cm-variable-2 { color: #BEBF55; }
 .cm-s-pastel-on-dark span.cm-variable-3, .cm-s-pastel-on-dark span.cm-type { color: #DE8E30; }
 .cm-s-pastel-on-dark span.cm-def { color: #757aD8; }
 .cm-s-pastel-on-dark span.cm-bracket { color: #f8f8f2; }
 .cm-s-pastel-on-dark span.cm-tag { color: #C1C144; }
 .cm-s-pastel-on-dark span.cm-link { color: #ae81ff; }
 .cm-s-pastel-on-dark span.cm-qualifier,.cm-s-pastel-on-dark span.cm-builtin { color: #C1C144; }
 .cm-s-pastel-on-dark span.cm-error {
 	background: #757aD8;
 	color: #f8f8f0;
 }
 .cm-s-pastel-on-dark .CodeMirror-activeline-background { background: rgba(255, 255, 255, 0.031); }
 .cm-s-pastel-on-dark .CodeMirror-matchingbracket {
 	border: 1px solid rgba(255,255,255,0.25);
 	color: #8F938F !important;
 	margin: -1px -1px 0 -1px;
 }
--- a/css/codemirror-themes/railscasts.css
+++ b/css/codemirror-themes/railscasts.css
@ -0,0 +1,34 @@
 /*
    Name:       Railscasts
    Author:     Ryan Bates (http://railscasts.com)
    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
 */
 .cm-s-railscasts.CodeMirror {background: #2b2b2b; color: #f4f1ed;}
 .cm-s-railscasts div.CodeMirror-selected {background: #272935 !important;}
 .cm-s-railscasts .CodeMirror-gutters {background: #2b2b2b; border-right: 0px;}
 .cm-s-railscasts .CodeMirror-linenumber {color: #5a647e;}
 .cm-s-railscasts .CodeMirror-cursor {border-left: 1px solid #d4cfc9 !important;}
 .cm-s-railscasts span.cm-comment {color: #bc9458;}
 .cm-s-railscasts span.cm-atom {color: #b6b3eb;}
 .cm-s-railscasts span.cm-number {color: #b6b3eb;}
 .cm-s-railscasts span.cm-property, .cm-s-railscasts span.cm-attribute {color: #a5c261;}
 .cm-s-railscasts span.cm-keyword {color: #da4939;}
 .cm-s-railscasts span.cm-string {color: #ffc66d;}
 .cm-s-railscasts span.cm-variable {color: #a5c261;}
 .cm-s-railscasts span.cm-variable-2 {color: #6d9cbe;}
 .cm-s-railscasts span.cm-def {color: #cc7833;}
 .cm-s-railscasts span.cm-error {background: #da4939; color: #d4cfc9;}
 .cm-s-railscasts span.cm-bracket {color: #f4f1ed;}
 .cm-s-railscasts span.cm-tag {color: #da4939;}
 .cm-s-railscasts span.cm-link {color: #b6b3eb;}
 .cm-s-railscasts .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
 .cm-s-railscasts .CodeMirror-activeline-background { background: #303040; }
--- a/css/codemirror-themes/rubyblue.css
+++ b/css/codemirror-themes/rubyblue.css
@ -0,0 +1,25 @@
 .cm-s-rubyblue.CodeMirror { background: #112435; color: white; }
 .cm-s-rubyblue div.CodeMirror-selected { background: #38566F; }
 .cm-s-rubyblue .CodeMirror-line::selection, .cm-s-rubyblue .CodeMirror-line > span::selection, .cm-s-rubyblue .CodeMirror-line > span > span::selection { background: rgba(56, 86, 111, 0.99); }
 .cm-s-rubyblue .CodeMirror-line::-moz-selection, .cm-s-rubyblue .CodeMirror-line > span::-moz-selection, .cm-s-rubyblue .CodeMirror-line > span > span::-moz-selection { background: rgba(56, 86, 111, 0.99); }
 .cm-s-rubyblue .CodeMirror-gutters { background: #1F4661; border-right: 7px solid #3E7087; }
 .cm-s-rubyblue .CodeMirror-guttermarker { color: white; }
 .cm-s-rubyblue .CodeMirror-guttermarker-subtle { color: #3E7087; }
 .cm-s-rubyblue .CodeMirror-linenumber { color: white; }
 .cm-s-rubyblue .CodeMirror-cursor { border-left: 1px solid white; }
 .cm-s-rubyblue span.cm-comment { color: #999; font-style:italic; line-height: 1em; }
 .cm-s-rubyblue span.cm-atom { color: #F4C20B; }
 .cm-s-rubyblue span.cm-number, .cm-s-rubyblue span.cm-attribute { color: #82C6E0; }
 .cm-s-rubyblue span.cm-keyword { color: #F0F; }
 .cm-s-rubyblue span.cm-string { color: #F08047; }
 .cm-s-rubyblue span.cm-meta { color: #F0F; }
 .cm-s-rubyblue span.cm-variable-2, .cm-s-rubyblue span.cm-tag { color: #7BD827; }
 .cm-s-rubyblue span.cm-variable-3, .cm-s-rubyblue span.cm-def, .cm-s-rubyblue span.cm-type { color: white; }
 .cm-s-rubyblue span.cm-bracket { color: #F0F; }
 .cm-s-rubyblue span.cm-link { color: #F4C20B; }
 .cm-s-rubyblue span.CodeMirror-matchingbracket { color:#F0F !important; }
 .cm-s-rubyblue span.cm-builtin, .cm-s-rubyblue span.cm-special { color: #FF9D00; }
 .cm-s-rubyblue span.cm-error { color: #AF2018; }
 .cm-s-rubyblue .CodeMirror-activeline-background { background: #173047; }
--- a/css/codemirror-themes/seti.css
+++ b/css/codemirror-themes/seti.css
@ -0,0 +1,44 @@
 /*
    Name:       seti
    Author:     Michael Kaminsky (http://github.com/mkaminsky11)
    Original seti color scheme by Jesse Weed (https://github.com/jesseweed/seti-syntax)
 */
 .cm-s-seti.CodeMirror {
  background-color: #151718 !important;
  color: #CFD2D1 !important;
  border: none;
 }
 .cm-s-seti .CodeMirror-gutters {
  color: #404b53;
  background-color: #0E1112;
  border: none;
 }
 .cm-s-seti .CodeMirror-cursor { border-left: solid thin #f8f8f0; }
 .cm-s-seti .CodeMirror-linenumber { color: #6D8A88; }
 .cm-s-seti.CodeMirror-focused div.CodeMirror-selected { background: rgba(255, 255, 255, 0.10); }
 .cm-s-seti .CodeMirror-line::selection, .cm-s-seti .CodeMirror-line > span::selection, .cm-s-seti .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); }
 .cm-s-seti .CodeMirror-line::-moz-selection, .cm-s-seti .CodeMirror-line > span::-moz-selection, .cm-s-seti .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); }
 .cm-s-seti span.cm-comment { color: #41535b; }
 .cm-s-seti span.cm-string, .cm-s-seti span.cm-string-2 { color: #55b5db; }
 .cm-s-seti span.cm-number { color: #cd3f45; }
 .cm-s-seti span.cm-variable { color: #55b5db; }
 .cm-s-seti span.cm-variable-2 { color: #a074c4; }
 .cm-s-seti span.cm-def { color: #55b5db; }
 .cm-s-seti span.cm-keyword { color: #ff79c6; }
 .cm-s-seti span.cm-operator { color: #9fca56; }
 .cm-s-seti span.cm-keyword { color: #e6cd69; }
 .cm-s-seti span.cm-atom { color: #cd3f45; }
 .cm-s-seti span.cm-meta { color: #55b5db; }
 .cm-s-seti span.cm-tag { color: #55b5db; }
 .cm-s-seti span.cm-attribute { color: #9fca56; }
 .cm-s-seti span.cm-qualifier { color: #9fca56; }
 .cm-s-seti span.cm-property { color: #a074c4; }
 .cm-s-seti span.cm-variable-3, .cm-s-seti span.cm-type { color: #9fca56; }
 .cm-s-seti span.cm-builtin { color: #9fca56; }
 .cm-s-seti .CodeMirror-activeline-background { background: #101213; }
 .cm-s-seti .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }
--- a/css/codemirror-themes/shadowfox.css
+++ b/css/codemirror-themes/shadowfox.css
@ -0,0 +1,52 @@
 /*
    Name:       shadowfox
    Author:     overdodactyl (http://github.com/overdodactyl)
    Original shadowfox color scheme by Firefox
 */
 .cm-s-shadowfox.CodeMirror { background: #2a2a2e; color: #b1b1b3; }
 .cm-s-shadowfox div.CodeMirror-selected { background: #353B48; }
 .cm-s-shadowfox .CodeMirror-line::selection, .cm-s-shadowfox .CodeMirror-line > span::selection, .cm-s-shadowfox .CodeMirror-line > span > span::selection { background: #353B48; }
 .cm-s-shadowfox .CodeMirror-line::-moz-selection, .cm-s-shadowfox .CodeMirror-line > span::-moz-selection, .cm-s-shadowfox .CodeMirror-line > span > span::-moz-selection { background: #353B48; }
 .cm-s-shadowfox .CodeMirror-gutters { background: #0c0c0d ; border-right: 1px solid #0c0c0d; }
 .cm-s-shadowfox .CodeMirror-guttermarker { color: #555; }
 .cm-s-shadowfox .CodeMirror-linenumber { color: #939393; }
 .cm-s-shadowfox .CodeMirror-cursor { border-left: 1px solid #fff; }
 .cm-s-shadowfox span.cm-comment { color: #939393; }
 .cm-s-shadowfox span.cm-atom { color: #FF7DE9; }
 .cm-s-shadowfox span.cm-quote { color: #FF7DE9; }
 .cm-s-shadowfox span.cm-builtin { color: #FF7DE9; }
 .cm-s-shadowfox span.cm-attribute { color: #FF7DE9; }
 .cm-s-shadowfox span.cm-keyword { color: #FF7DE9; }
 .cm-s-shadowfox span.cm-error { color: #FF7DE9; }
 .cm-s-shadowfox span.cm-number { color: #6B89FF; }
 .cm-s-shadowfox span.cm-string { color: #6B89FF; }
 .cm-s-shadowfox span.cm-string-2 { color: #6B89FF; }
 .cm-s-shadowfox span.cm-meta { color: #939393; }
 .cm-s-shadowfox span.cm-hr { color: #939393; }
 .cm-s-shadowfox span.cm-header { color: #75BFFF; }
 .cm-s-shadowfox span.cm-qualifier { color: #75BFFF; }
 .cm-s-shadowfox span.cm-variable-2 { color: #75BFFF; }
 .cm-s-shadowfox span.cm-property { color: #86DE74; }
 .cm-s-shadowfox span.cm-def { color: #75BFFF; }
 .cm-s-shadowfox span.cm-bracket { color: #75BFFF; }
 .cm-s-shadowfox span.cm-tag { color: #75BFFF; }
 .cm-s-shadowfox span.cm-link:visited { color: #75BFFF; }
 .cm-s-shadowfox span.cm-variable { color: #B98EFF; }
 .cm-s-shadowfox span.cm-variable-3 { color: #d7d7db; }
 .cm-s-shadowfox span.cm-link { color: #737373; }
 .cm-s-shadowfox span.cm-operator { color: #b1b1b3; }
 .cm-s-shadowfox span.cm-special { color: #d7d7db; }
 .cm-s-shadowfox .CodeMirror-activeline-background { background: rgba(185, 215, 253, .15) }
 .cm-s-shadowfox .CodeMirror-matchingbracket { outline: solid 1px rgba(255, 255, 255, .25); color: white !important; }
--- a/css/codemirror-themes/solarized.css
+++ b/css/codemirror-themes/solarized.css
@ -0,0 +1,168 @@
 /*
 Solarized theme for code-mirror
 http://ethanschoonover.com/solarized
 */
 /*
 Solarized color palette
 http://ethanschoonover.com/solarized/img/solarized-palette.png
 */
 .solarized.base03 { color: #002b36; }
 .solarized.base02 { color: #073642; }
 .solarized.base01 { color: #586e75; }
 .solarized.base00 { color: #657b83; }
 .solarized.base0 { color: #839496; }
 .solarized.base1 { color: #93a1a1; }
 .solarized.base2 { color: #eee8d5; }
 .solarized.base3  { color: #fdf6e3; }
 .solarized.solar-yellow  { color: #b58900; }
 .solarized.solar-orange  { color: #cb4b16; }
 .solarized.solar-red { color: #dc322f; }
 .solarized.solar-magenta { color: #d33682; }
 .solarized.solar-violet  { color: #6c71c4; }
 .solarized.solar-blue { color: #268bd2; }
 .solarized.solar-cyan { color: #2aa198; }
 .solarized.solar-green { color: #859900; }
 /* Color scheme for code-mirror */
 .cm-s-solarized {
  line-height: 1.45em;
  color-profile: sRGB;
  rendering-intent: auto;
 }
 .cm-s-solarized.cm-s-dark {
  color: #839496;
  background-color: #002b36;
  text-shadow: #002b36 0 1px;
 }
 .cm-s-solarized.cm-s-light {
  background-color: #fdf6e3;
  color: #657b83;
  text-shadow: #eee8d5 0 1px;
 }
 .cm-s-solarized .CodeMirror-widget {
  text-shadow: none;
 }
 .cm-s-solarized .cm-header { color: #586e75; }
 .cm-s-solarized .cm-quote { color: #93a1a1; }
 .cm-s-solarized .cm-keyword { color: #cb4b16; }
 .cm-s-solarized .cm-atom { color: #d33682; }
 .cm-s-solarized .cm-number { color: #d33682; }
 .cm-s-solarized .cm-def { color: #2aa198; }
 .cm-s-solarized .cm-variable { color: #839496; }
 .cm-s-solarized .cm-variable-2 { color: #b58900; }
 .cm-s-solarized .cm-variable-3, .cm-s-solarized .cm-type { color: #6c71c4; }
 .cm-s-solarized .cm-property { color: #2aa198; }
 .cm-s-solarized .cm-operator { color: #6c71c4; }
 .cm-s-solarized .cm-comment { color: #586e75; font-style:italic; }
 .cm-s-solarized .cm-string { color: #859900; }
 .cm-s-solarized .cm-string-2 { color: #b58900; }
 .cm-s-solarized .cm-meta { color: #859900; }
 .cm-s-solarized .cm-qualifier { color: #b58900; }
 .cm-s-solarized .cm-builtin { color: #d33682; }
 .cm-s-solarized .cm-bracket { color: #cb4b16; }
 .cm-s-solarized .CodeMirror-matchingbracket { color: #859900; }
 .cm-s-solarized .CodeMirror-nonmatchingbracket { color: #dc322f; }
 .cm-s-solarized .cm-tag { color: #93a1a1; }
 .cm-s-solarized .cm-attribute { color: #2aa198; }
 .cm-s-solarized .cm-hr {
  color: transparent;
  border-top: 1px solid #586e75;
  display: block;
 }
 .cm-s-solarized .cm-link { color: #93a1a1; cursor: pointer; }
 .cm-s-solarized .cm-special { color: #6c71c4; }
 .cm-s-solarized .cm-em {
  color: #999;
  text-decoration: underline;
  text-decoration-style: dotted;
 }
 .cm-s-solarized .cm-error,
 .cm-s-solarized .cm-invalidchar {
  color: #586e75;
  border-bottom: 1px dotted #dc322f;
 }
 .cm-s-solarized.cm-s-dark div.CodeMirror-selected { background: #073642; }
 .cm-s-solarized.cm-s-dark.CodeMirror ::selection { background: rgba(7, 54, 66, 0.99); }
 .cm-s-solarized.cm-s-dark .CodeMirror-line::-moz-selection, .cm-s-dark .CodeMirror-line > span::-moz-selection, .cm-s-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(7, 54, 66, 0.99); }
 .cm-s-solarized.cm-s-light div.CodeMirror-selected { background: #eee8d5; }
 .cm-s-solarized.cm-s-light .CodeMirror-line::selection, .cm-s-light .CodeMirror-line > span::selection, .cm-s-light .CodeMirror-line > span > span::selection { background: #eee8d5; }
 .cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection, .cm-s-light .CodeMirror-line > span::-moz-selection, .cm-s-light .CodeMirror-line > span > span::-moz-selection { background: #eee8d5; }
 /* Editor styling */
 /* Little shadow on the view-port of the buffer view */
 .cm-s-solarized.CodeMirror {
  -moz-box-shadow: inset 7px 0 12px -6px #000;
  -webkit-box-shadow: inset 7px 0 12px -6px #000;
  box-shadow: inset 7px 0 12px -6px #000;
 }
 /* Remove gutter border */
 .cm-s-solarized .CodeMirror-gutters {
  border-right: 0;
 }
 /* Gutter colors and line number styling based of color scheme (dark / light) */
 /* Dark */
 .cm-s-solarized.cm-s-dark .CodeMirror-gutters {
  background-color: #073642;
 }
 .cm-s-solarized.cm-s-dark .CodeMirror-linenumber {
  color: #586e75;
  text-shadow: #021014 0 -1px;
 }
 /* Light */
 .cm-s-solarized.cm-s-light .CodeMirror-gutters {
  background-color: #eee8d5;
 }
 .cm-s-solarized.cm-s-light .CodeMirror-linenumber {
  color: #839496;
 }
 /* Common */
 .cm-s-solarized .CodeMirror-linenumber {
  padding: 0 5px;
 }
 .cm-s-solarized .CodeMirror-guttermarker-subtle { color: #586e75; }
 .cm-s-solarized.cm-s-dark .CodeMirror-guttermarker { color: #ddd; }
 .cm-s-solarized.cm-s-light .CodeMirror-guttermarker { color: #cb4b16; }
 .cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text {
  color: #586e75;
 }
 /* Cursor */
 .cm-s-solarized .CodeMirror-cursor { border-left: 1px solid #819090; }
 /* Fat cursor */
 .cm-s-solarized.cm-s-light.cm-fat-cursor .CodeMirror-cursor { background: #77ee77; }
 .cm-s-solarized.cm-s-light .cm-animate-fat-cursor { background-color: #77ee77; }
 .cm-s-solarized.cm-s-dark.cm-fat-cursor .CodeMirror-cursor { background: #586e75; }
 .cm-s-solarized.cm-s-dark .cm-animate-fat-cursor { background-color: #586e75; }
 /* Active line */
 .cm-s-solarized.cm-s-dark .CodeMirror-activeline-background {
  background: rgba(255, 255, 255, 0.06);
 }
 .cm-s-solarized.cm-s-light .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.06);
 }
--- a/css/codemirror-themes/ssms.css
+++ b/css/codemirror-themes/ssms.css
@ -0,0 +1,16 @@
 .cm-s-ssms span.cm-keyword { color: blue; }
 .cm-s-ssms span.cm-comment { color: darkgreen; }
 .cm-s-ssms span.cm-string { color: red; }
 .cm-s-ssms span.cm-def { color: black; }
 .cm-s-ssms span.cm-variable { color: black; }
 .cm-s-ssms span.cm-variable-2 { color: black; }
 .cm-s-ssms span.cm-atom { color: darkgray; }
 .cm-s-ssms .CodeMirror-linenumber { color: teal; }
 .cm-s-ssms .CodeMirror-activeline-background { background: #ffffff; }
 .cm-s-ssms span.cm-string-2 { color: #FF00FF; }
 .cm-s-ssms span.cm-operator, 
 .cm-s-ssms span.cm-bracket, 
 .cm-s-ssms span.cm-punctuation { color: darkgray; }
 .cm-s-ssms .CodeMirror-gutters { border-right: 3px solid #ffee62; background-color: #ffffff; }
 .cm-s-ssms div.CodeMirror-selected { background: #ADD6FF; }
--- a/css/codemirror-themes/the-matrix.css
+++ b/css/codemirror-themes/the-matrix.css
@ -0,0 +1,30 @@
 .cm-s-the-matrix.CodeMirror { background: #000000; color: #00FF00; }
 .cm-s-the-matrix div.CodeMirror-selected { background: #2D2D2D; }
 .cm-s-the-matrix .CodeMirror-line::selection, .cm-s-the-matrix .CodeMirror-line > span::selection, .cm-s-the-matrix .CodeMirror-line > span > span::selection { background: rgba(45, 45, 45, 0.99); }
 .cm-s-the-matrix .CodeMirror-line::-moz-selection, .cm-s-the-matrix .CodeMirror-line > span::-moz-selection, .cm-s-the-matrix .CodeMirror-line > span > span::-moz-selection { background: rgba(45, 45, 45, 0.99); }
 .cm-s-the-matrix .CodeMirror-gutters { background: #060; border-right: 2px solid #00FF00; }
 .cm-s-the-matrix .CodeMirror-guttermarker { color: #0f0; }
 .cm-s-the-matrix .CodeMirror-guttermarker-subtle { color: white; }
 .cm-s-the-matrix .CodeMirror-linenumber { color: #FFFFFF; }
 .cm-s-the-matrix .CodeMirror-cursor { border-left: 1px solid #00FF00; }
 .cm-s-the-matrix span.cm-keyword { color: #008803; font-weight: bold; }
 .cm-s-the-matrix span.cm-atom { color: #3FF; }
 .cm-s-the-matrix span.cm-number { color: #FFB94F; }
 .cm-s-the-matrix span.cm-def { color: #99C; }
 .cm-s-the-matrix span.cm-variable { color: #F6C; }
 .cm-s-the-matrix span.cm-variable-2 { color: #C6F; }
 .cm-s-the-matrix span.cm-variable-3, .cm-s-the-matrix span.cm-type { color: #96F; }
 .cm-s-the-matrix span.cm-property { color: #62FFA0; }
 .cm-s-the-matrix span.cm-operator { color: #999; }
 .cm-s-the-matrix span.cm-comment { color: #CCCCCC; }
 .cm-s-the-matrix span.cm-string { color: #39C; }
 .cm-s-the-matrix span.cm-meta { color: #C9F; }
 .cm-s-the-matrix span.cm-qualifier { color: #FFF700; }
 .cm-s-the-matrix span.cm-builtin { color: #30a; }
 .cm-s-the-matrix span.cm-bracket { color: #cc7; }
 .cm-s-the-matrix span.cm-tag { color: #FFBD40; }
 .cm-s-the-matrix span.cm-attribute { color: #FFF700; }
 .cm-s-the-matrix span.cm-error { color: #FF0000; }
 .cm-s-the-matrix .CodeMirror-activeline-background { background: #040; }
--- a/css/codemirror-themes/tomorrow-night-bright.css
+++ b/css/codemirror-themes/tomorrow-night-bright.css
@ -0,0 +1,35 @@
 /*
    Name:       Tomorrow Night - Bright
    Author:     Chris Kempson
    Port done by Gerard Braad <me@gbraad.nl>
 */
 .cm-s-tomorrow-night-bright.CodeMirror { background: #000000; color: #eaeaea; }
 .cm-s-tomorrow-night-bright div.CodeMirror-selected { background: #424242; }
 .cm-s-tomorrow-night-bright .CodeMirror-gutters { background: #000000; border-right: 0px; }
 .cm-s-tomorrow-night-bright .CodeMirror-guttermarker { color: #e78c45; }
 .cm-s-tomorrow-night-bright .CodeMirror-guttermarker-subtle { color: #777; }
 .cm-s-tomorrow-night-bright .CodeMirror-linenumber { color: #424242; }
 .cm-s-tomorrow-night-bright .CodeMirror-cursor { border-left: 1px solid #6A6A6A; }
 .cm-s-tomorrow-night-bright span.cm-comment { color: #d27b53; }
 .cm-s-tomorrow-night-bright span.cm-atom { color: #a16a94; }
 .cm-s-tomorrow-night-bright span.cm-number { color: #a16a94; }
 .cm-s-tomorrow-night-bright span.cm-property, .cm-s-tomorrow-night-bright span.cm-attribute { color: #99cc99; }
 .cm-s-tomorrow-night-bright span.cm-keyword { color: #d54e53; }
 .cm-s-tomorrow-night-bright span.cm-string { color: #e7c547; }
 .cm-s-tomorrow-night-bright span.cm-variable { color: #b9ca4a; }
 .cm-s-tomorrow-night-bright span.cm-variable-2 { color: #7aa6da; }
 .cm-s-tomorrow-night-bright span.cm-def { color: #e78c45; }
 .cm-s-tomorrow-night-bright span.cm-bracket { color: #eaeaea; }
 .cm-s-tomorrow-night-bright span.cm-tag { color: #d54e53; }
 .cm-s-tomorrow-night-bright span.cm-link { color: #a16a94; }
 .cm-s-tomorrow-night-bright span.cm-error { background: #d54e53; color: #6A6A6A; }
 .cm-s-tomorrow-night-bright .CodeMirror-activeline-background { background: #2a2a2a; }
 .cm-s-tomorrow-night-bright .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }
--- a/css/codemirror-themes/tomorrow-night-eighties.css
+++ b/css/codemirror-themes/tomorrow-night-eighties.css
@ -0,0 +1,38 @@
 /*
    Name:       Tomorrow Night - Eighties
    Author:     Chris Kempson
    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
 */
 .cm-s-tomorrow-night-eighties.CodeMirror { background: #000000; color: #CCCCCC; }
 .cm-s-tomorrow-night-eighties div.CodeMirror-selected { background: #2D2D2D; }
 .cm-s-tomorrow-night-eighties .CodeMirror-line::selection, .cm-s-tomorrow-night-eighties .CodeMirror-line > span::selection, .cm-s-tomorrow-night-eighties .CodeMirror-line > span > span::selection { background: rgba(45, 45, 45, 0.99); }
 .cm-s-tomorrow-night-eighties .CodeMirror-line::-moz-selection, .cm-s-tomorrow-night-eighties .CodeMirror-line > span::-moz-selection, .cm-s-tomorrow-night-eighties .CodeMirror-line > span > span::-moz-selection { background: rgba(45, 45, 45, 0.99); }
 .cm-s-tomorrow-night-eighties .CodeMirror-gutters { background: #000000; border-right: 0px; }
 .cm-s-tomorrow-night-eighties .CodeMirror-guttermarker { color: #f2777a; }
 .cm-s-tomorrow-night-eighties .CodeMirror-guttermarker-subtle { color: #777; }
 .cm-s-tomorrow-night-eighties .CodeMirror-linenumber { color: #515151; }
 .cm-s-tomorrow-night-eighties .CodeMirror-cursor { border-left: 1px solid #6A6A6A; }
 .cm-s-tomorrow-night-eighties span.cm-comment { color: #d27b53; }
 .cm-s-tomorrow-night-eighties span.cm-atom { color: #a16a94; }
 .cm-s-tomorrow-night-eighties span.cm-number { color: #a16a94; }
 .cm-s-tomorrow-night-eighties span.cm-property, .cm-s-tomorrow-night-eighties span.cm-attribute { color: #99cc99; }
 .cm-s-tomorrow-night-eighties span.cm-keyword { color: #f2777a; }
 .cm-s-tomorrow-night-eighties span.cm-string { color: #ffcc66; }
 .cm-s-tomorrow-night-eighties span.cm-variable { color: #99cc99; }
 .cm-s-tomorrow-night-eighties span.cm-variable-2 { color: #6699cc; }
 .cm-s-tomorrow-night-eighties span.cm-def { color: #f99157; }
 .cm-s-tomorrow-night-eighties span.cm-bracket { color: #CCCCCC; }
 .cm-s-tomorrow-night-eighties span.cm-tag { color: #f2777a; }
 .cm-s-tomorrow-night-eighties span.cm-link { color: #a16a94; }
 .cm-s-tomorrow-night-eighties span.cm-error { background: #f2777a; color: #6A6A6A; }
 .cm-s-tomorrow-night-eighties .CodeMirror-activeline-background { background: #343600; }
 .cm-s-tomorrow-night-eighties .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }
--- a/css/codemirror-themes/ttcn.css
+++ b/css/codemirror-themes/ttcn.css
@ -0,0 +1,64 @@
 .cm-s-ttcn .cm-quote { color: #090; }
 .cm-s-ttcn .cm-negative { color: #d44; }
 .cm-s-ttcn .cm-positive { color: #292; }
 .cm-s-ttcn .cm-header, .cm-strong { font-weight: bold; }
 .cm-s-ttcn .cm-em { font-style: italic; }
 .cm-s-ttcn .cm-link { text-decoration: underline; }
 .cm-s-ttcn .cm-strikethrough { text-decoration: line-through; }
 .cm-s-ttcn .cm-header { color: #00f; font-weight: bold; }
 .cm-s-ttcn .cm-atom { color: #219; }
 .cm-s-ttcn .cm-attribute { color: #00c; }
 .cm-s-ttcn .cm-bracket { color: #997; }
 .cm-s-ttcn .cm-comment { color: #333333; }
 .cm-s-ttcn .cm-def { color: #00f; }
 .cm-s-ttcn .cm-em { font-style: italic; }
 .cm-s-ttcn .cm-error { color: #f00; }
 .cm-s-ttcn .cm-hr { color: #999; }
 .cm-s-ttcn .cm-invalidchar { color: #f00; }
 .cm-s-ttcn .cm-keyword { font-weight:bold; }
 .cm-s-ttcn .cm-link { color: #00c; text-decoration: underline; }
 .cm-s-ttcn .cm-meta { color: #555; }
 .cm-s-ttcn .cm-negative { color: #d44; }
 .cm-s-ttcn .cm-positive { color: #292; }
 .cm-s-ttcn .cm-qualifier { color: #555; }
 .cm-s-ttcn .cm-strikethrough { text-decoration: line-through; }
 .cm-s-ttcn .cm-string { color: #006400; }
 .cm-s-ttcn .cm-string-2 { color: #f50; }
 .cm-s-ttcn .cm-strong { font-weight: bold; }
 .cm-s-ttcn .cm-tag { color: #170; }
 .cm-s-ttcn .cm-variable { color: #8B2252; }
 .cm-s-ttcn .cm-variable-2 { color: #05a; }
 .cm-s-ttcn .cm-variable-3, .cm-s-ttcn .cm-type { color: #085; }
 .cm-s-ttcn .cm-invalidchar { color: #f00; }
 /* ASN */
 .cm-s-ttcn .cm-accessTypes,
 .cm-s-ttcn .cm-compareTypes { color: #27408B; }
 .cm-s-ttcn .cm-cmipVerbs { color: #8B2252; }
 .cm-s-ttcn .cm-modifier { color:#D2691E; }
 .cm-s-ttcn .cm-status { color:#8B4545; }
 .cm-s-ttcn .cm-storage { color:#A020F0; }
 .cm-s-ttcn .cm-tags { color:#006400; }
 /* CFG */
 .cm-s-ttcn .cm-externalCommands { color: #8B4545; font-weight:bold; }
 .cm-s-ttcn .cm-fileNCtrlMaskOptions,
 .cm-s-ttcn .cm-sectionTitle { color: #2E8B57; font-weight:bold; }
 /* TTCN */
 .cm-s-ttcn .cm-booleanConsts,
 .cm-s-ttcn .cm-otherConsts,
 .cm-s-ttcn .cm-verdictConsts { color: #006400; }
 .cm-s-ttcn .cm-configOps,
 .cm-s-ttcn .cm-functionOps,
 .cm-s-ttcn .cm-portOps,
 .cm-s-ttcn .cm-sutOps,
 .cm-s-ttcn .cm-timerOps,
 .cm-s-ttcn .cm-verdictOps { color: #0000FF; }
 .cm-s-ttcn .cm-preprocessor,
 .cm-s-ttcn .cm-templateMatch,
 .cm-s-ttcn .cm-ttcn3Macros { color: #27408B; }
 .cm-s-ttcn .cm-types { color: #A52A2A; font-weight:bold; }
 .cm-s-ttcn .cm-visibilityModifiers { font-weight:bold; }
--- a/css/codemirror-themes/twilight.css
+++ b/css/codemirror-themes/twilight.css
@ -0,0 +1,32 @@
 .cm-s-twilight.CodeMirror { background: #141414; color: #f7f7f7; } /**/
 .cm-s-twilight div.CodeMirror-selected { background: #323232; } /**/
 .cm-s-twilight .CodeMirror-line::selection, .cm-s-twilight .CodeMirror-line > span::selection, .cm-s-twilight .CodeMirror-line > span > span::selection { background: rgba(50, 50, 50, 0.99); }
 .cm-s-twilight .CodeMirror-line::-moz-selection, .cm-s-twilight .CodeMirror-line > span::-moz-selection, .cm-s-twilight .CodeMirror-line > span > span::-moz-selection { background: rgba(50, 50, 50, 0.99); }
 .cm-s-twilight .CodeMirror-gutters { background: #222; border-right: 1px solid #aaa; }
 .cm-s-twilight .CodeMirror-guttermarker { color: white; }
 .cm-s-twilight .CodeMirror-guttermarker-subtle { color: #aaa; }
 .cm-s-twilight .CodeMirror-linenumber { color: #aaa; }
 .cm-s-twilight .CodeMirror-cursor { border-left: 1px solid white; }
 .cm-s-twilight .cm-keyword { color: #f9ee98; } /**/
 .cm-s-twilight .cm-atom { color: #FC0; }
 .cm-s-twilight .cm-number { color:  #ca7841; } /**/
 .cm-s-twilight .cm-def { color: #8DA6CE; }
 .cm-s-twilight span.cm-variable-2, .cm-s-twilight span.cm-tag { color: #607392; } /**/
 .cm-s-twilight span.cm-variable-3, .cm-s-twilight span.cm-def, .cm-s-twilight span.cm-type { color: #607392; } /**/
 .cm-s-twilight .cm-operator { color: #cda869; } /**/
 .cm-s-twilight .cm-comment { color:#777; font-style:italic; font-weight:normal; } /**/
 .cm-s-twilight .cm-string { color:#8f9d6a; font-style:italic; } /**/
 .cm-s-twilight .cm-string-2 { color:#bd6b18; } /*?*/
 .cm-s-twilight .cm-meta { background-color:#141414; color:#f7f7f7; } /*?*/
 .cm-s-twilight .cm-builtin { color: #cda869; } /*?*/
 .cm-s-twilight .cm-tag { color: #997643; } /**/
 .cm-s-twilight .cm-attribute { color: #d6bb6d; } /*?*/
 .cm-s-twilight .cm-header { color: #FF6400; }
 .cm-s-twilight .cm-hr { color: #AEAEAE; }
 .cm-s-twilight .cm-link { color:#ad9361; font-style:italic; text-decoration:none; } /**/
 .cm-s-twilight .cm-error { border-bottom: 1px solid red; }
 .cm-s-twilight .CodeMirror-activeline-background { background: #27282E; }
 .cm-s-twilight .CodeMirror-matchingbracket { outline:1px solid grey; color:white !important; }
--- a/css/codemirror-themes/vibrant-ink.css
+++ b/css/codemirror-themes/vibrant-ink.css
@ -0,0 +1,34 @@
 /* Taken from the popular Visual Studio Vibrant Ink Schema */
 .cm-s-vibrant-ink.CodeMirror { background: black; color: white; }
 .cm-s-vibrant-ink div.CodeMirror-selected { background: #35493c; }
 .cm-s-vibrant-ink .CodeMirror-line::selection, .cm-s-vibrant-ink .CodeMirror-line > span::selection, .cm-s-vibrant-ink .CodeMirror-line > span > span::selection { background: rgba(53, 73, 60, 0.99); }
 .cm-s-vibrant-ink .CodeMirror-line::-moz-selection, .cm-s-vibrant-ink .CodeMirror-line > span::-moz-selection, .cm-s-vibrant-ink .CodeMirror-line > span > span::-moz-selection { background: rgba(53, 73, 60, 0.99); }
 .cm-s-vibrant-ink .CodeMirror-gutters { background: #002240; border-right: 1px solid #aaa; }
 .cm-s-vibrant-ink .CodeMirror-guttermarker { color: white; }
 .cm-s-vibrant-ink .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
 .cm-s-vibrant-ink .CodeMirror-linenumber { color: #d0d0d0; }
 .cm-s-vibrant-ink .CodeMirror-cursor { border-left: 1px solid white; }
 .cm-s-vibrant-ink .cm-keyword { color: #CC7832; }
 .cm-s-vibrant-ink .cm-atom { color: #FC0; }
 .cm-s-vibrant-ink .cm-number { color:  #FFEE98; }
 .cm-s-vibrant-ink .cm-def { color: #8DA6CE; }
 .cm-s-vibrant-ink span.cm-variable-2, .cm-s-vibrant span.cm-tag { color: #FFC66D; }
 .cm-s-vibrant-ink span.cm-variable-3, .cm-s-vibrant span.cm-def, .cm-s-vibrant span.cm-type { color: #FFC66D; }
 .cm-s-vibrant-ink .cm-operator { color: #888; }
 .cm-s-vibrant-ink .cm-comment { color: gray; font-weight: bold; }
 .cm-s-vibrant-ink .cm-string { color:  #A5C25C; }
 .cm-s-vibrant-ink .cm-string-2 { color: red; }
 .cm-s-vibrant-ink .cm-meta { color: #D8FA3C; }
 .cm-s-vibrant-ink .cm-builtin { color: #8DA6CE; }
 .cm-s-vibrant-ink .cm-tag { color: #8DA6CE; }
 .cm-s-vibrant-ink .cm-attribute { color: #8DA6CE; }
 .cm-s-vibrant-ink .cm-header { color: #FF6400; }
 .cm-s-vibrant-ink .cm-hr { color: #AEAEAE; }
 .cm-s-vibrant-ink .cm-link { color: #5656F3; }
 .cm-s-vibrant-ink .cm-error { border-bottom: 1px solid red; }
 .cm-s-vibrant-ink .CodeMirror-activeline-background { background: #27282E; }
 .cm-s-vibrant-ink .CodeMirror-matchingbracket { outline:1px solid grey; color:white !important; }
--- a/css/codemirror-themes/xq-dark.css
+++ b/css/codemirror-themes/xq-dark.css
@ -0,0 +1,53 @@
 /*
 Copyright (C) 2011 by MarkLogic Corporation
 Author: Mike Brevoort <mike@brevoort.com>
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 in the Software without restriction, including without limitation the rights
 to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:
 The above copyright notice and this permission notice shall be included in
 all copies or substantial portions of the Software.
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 */
 .cm-s-xq-dark.CodeMirror { background: #0a001f; color: #f8f8f8; }
 .cm-s-xq-dark div.CodeMirror-selected { background: #27007A; }
 .cm-s-xq-dark .CodeMirror-line::selection, .cm-s-xq-dark .CodeMirror-line > span::selection, .cm-s-xq-dark .CodeMirror-line > span > span::selection { background: rgba(39, 0, 122, 0.99); }
 .cm-s-xq-dark .CodeMirror-line::-moz-selection, .cm-s-xq-dark .CodeMirror-line > span::-moz-selection, .cm-s-xq-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(39, 0, 122, 0.99); }
 .cm-s-xq-dark .CodeMirror-gutters { background: #0a001f; border-right: 1px solid #aaa; }
 .cm-s-xq-dark .CodeMirror-guttermarker { color: #FFBD40; }
 .cm-s-xq-dark .CodeMirror-guttermarker-subtle { color: #f8f8f8; }
 .cm-s-xq-dark .CodeMirror-linenumber { color: #f8f8f8; }
 .cm-s-xq-dark .CodeMirror-cursor { border-left: 1px solid white; }
 .cm-s-xq-dark span.cm-keyword { color: #FFBD40; }
 .cm-s-xq-dark span.cm-atom { color: #6C8CD5; }
 .cm-s-xq-dark span.cm-number { color: #164; }
 .cm-s-xq-dark span.cm-def { color: #FFF; text-decoration:underline; }
 .cm-s-xq-dark span.cm-variable { color: #FFF; }
 .cm-s-xq-dark span.cm-variable-2 { color: #EEE; }
 .cm-s-xq-dark span.cm-variable-3, .cm-s-xq-dark span.cm-type { color: #DDD; }
 .cm-s-xq-dark span.cm-property {}
 .cm-s-xq-dark span.cm-operator {}
 .cm-s-xq-dark span.cm-comment { color: gray; }
 .cm-s-xq-dark span.cm-string { color: #9FEE00; }
 .cm-s-xq-dark span.cm-meta { color: yellow; }
 .cm-s-xq-dark span.cm-qualifier { color: #FFF700; }
 .cm-s-xq-dark span.cm-builtin { color: #30a; }
 .cm-s-xq-dark span.cm-bracket { color: #cc7; }
 .cm-s-xq-dark span.cm-tag { color: #FFBD40; }
 .cm-s-xq-dark span.cm-attribute { color: #FFF700; }
 .cm-s-xq-dark span.cm-error { color: #f00; }
 .cm-s-xq-dark .CodeMirror-activeline-background { background: #27282E; }
 .cm-s-xq-dark .CodeMirror-matchingbracket { outline:1px solid grey; color:white !important; }
--- a/css/codemirror-themes/xq-light.css
+++ b/css/codemirror-themes/xq-light.css
@ -0,0 +1,43 @@
 /*
 Copyright (C) 2011 by MarkLogic Corporation
 Author: Mike Brevoort <mike@brevoort.com>
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 in the Software without restriction, including without limitation the rights
 to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:
 The above copyright notice and this permission notice shall be included in
 all copies or substantial portions of the Software.
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 */
 .cm-s-xq-light span.cm-keyword { line-height: 1em; font-weight: bold; color: #5A5CAD; }
 .cm-s-xq-light span.cm-atom { color: #6C8CD5; }
 .cm-s-xq-light span.cm-number { color: #164; }
 .cm-s-xq-light span.cm-def { text-decoration:underline; }
 .cm-s-xq-light span.cm-variable { color: black; }
 .cm-s-xq-light span.cm-variable-2 { color:black; }
 .cm-s-xq-light span.cm-variable-3, .cm-s-xq-light span.cm-type { color: black; }
 .cm-s-xq-light span.cm-property {}
 .cm-s-xq-light span.cm-operator {}
 .cm-s-xq-light span.cm-comment { color: #0080FF; font-style: italic; }
 .cm-s-xq-light span.cm-string { color: red; }
 .cm-s-xq-light span.cm-meta { color: yellow; }
 .cm-s-xq-light span.cm-qualifier { color: grey; }
 .cm-s-xq-light span.cm-builtin { color: #7EA656; }
 .cm-s-xq-light span.cm-bracket { color: #cc7; }
 .cm-s-xq-light span.cm-tag { color: #3F7F7F; }
 .cm-s-xq-light span.cm-attribute { color: #7F007F; }
 .cm-s-xq-light span.cm-error { color: #f00; }
 .cm-s-xq-light .CodeMirror-activeline-background { background: #e8f2ff; }
 .cm-s-xq-light .CodeMirror-matchingbracket { outline:1px solid grey;color:black !important;background:yellow; }
--- a/css/codemirror-themes/yeti.css
+++ b/css/codemirror-themes/yeti.css
@ -0,0 +1,44 @@
 /*
    Name:       yeti
    Author:     Michael Kaminsky (http://github.com/mkaminsky11)
    Original yeti color scheme by Jesse Weed (https://github.com/jesseweed/yeti-syntax)
 */
 .cm-s-yeti.CodeMirror {
  background-color: #ECEAE8 !important;
  color: #d1c9c0 !important;
  border: none;
 }
 .cm-s-yeti .CodeMirror-gutters {
  color: #adaba6;
  background-color: #E5E1DB;
  border: none;
 }
 .cm-s-yeti .CodeMirror-cursor { border-left: solid thin #d1c9c0; }
 .cm-s-yeti .CodeMirror-linenumber { color: #adaba6; }
 .cm-s-yeti.CodeMirror-focused div.CodeMirror-selected { background: #DCD8D2; }
 .cm-s-yeti .CodeMirror-line::selection, .cm-s-yeti .CodeMirror-line > span::selection, .cm-s-yeti .CodeMirror-line > span > span::selection { background: #DCD8D2; }
 .cm-s-yeti .CodeMirror-line::-moz-selection, .cm-s-yeti .CodeMirror-line > span::-moz-selection, .cm-s-yeti .CodeMirror-line > span > span::-moz-selection { background: #DCD8D2; }
 .cm-s-yeti span.cm-comment { color: #d4c8be; }
 .cm-s-yeti span.cm-string, .cm-s-yeti span.cm-string-2 { color: #96c0d8; }
 .cm-s-yeti span.cm-number { color: #a074c4; }
 .cm-s-yeti span.cm-variable { color: #55b5db; }
 .cm-s-yeti span.cm-variable-2 { color: #a074c4; }
 .cm-s-yeti span.cm-def { color: #55b5db; }
 .cm-s-yeti span.cm-operator { color: #9fb96e; }
 .cm-s-yeti span.cm-keyword { color: #9fb96e; }
 .cm-s-yeti span.cm-atom { color: #a074c4; }
 .cm-s-yeti span.cm-meta { color: #96c0d8; }
 .cm-s-yeti span.cm-tag { color: #96c0d8; }
 .cm-s-yeti span.cm-attribute { color: #9fb96e; }
 .cm-s-yeti span.cm-qualifier { color: #96c0d8; }
 .cm-s-yeti span.cm-property { color: #a074c4; }
 .cm-s-yeti span.cm-builtin { color: #a074c4; }
 .cm-s-yeti span.cm-variable-3, .cm-s-yeti span.cm-type { color: #96c0d8; }
 .cm-s-yeti .CodeMirror-activeline-background { background: #E7E4E0; }
 .cm-s-yeti .CodeMirror-matchingbracket { text-decoration: underline; }
--- a/css/codemirror-themes/yonce.css
+++ b/css/codemirror-themes/yonce.css
@ -0,0 +1,59 @@
 /*
    Name:       yoncé
    Author:     Thomas MacLean (http://github.com/thomasmaclean)
    Original yoncé color scheme by Mina Markham (https://github.com/minamarkham)
 */
 .cm-s-yonce.CodeMirror { background: #1C1C1C; color: #d4d4d4; } /**/
 .cm-s-yonce div.CodeMirror-selected { background: rgba(252, 69, 133, 0.478); } /**/
 .cm-s-yonce .CodeMirror-selectedtext,
 .cm-s-yonce .CodeMirror-selected,
 .cm-s-yonce .CodeMirror-line::selection,
 .cm-s-yonce .CodeMirror-line > span::selection,
 .cm-s-yonce .CodeMirror-line > span > span::selection,
 .cm-s-yonce .CodeMirror-line::-moz-selection,
 .cm-s-yonce .CodeMirror-line > span::-moz-selection,
 .cm-s-yonce .CodeMirror-line > span > span::-moz-selection { background: rgba(252, 67, 132, 0.47); }
 .cm-s-yonce.CodeMirror pre { padding-left: 0px; }
 .cm-s-yonce .CodeMirror-gutters {background: #1C1C1C; border-right: 0px;}
 .cm-s-yonce .CodeMirror-linenumber {color: #777777;  padding-right: 10px; }
 .cm-s-yonce .CodeMirror-activeline .CodeMirror-linenumber.CodeMirror-gutter-elt { background: #1C1C1C; color: #fc4384; }
 .cm-s-yonce .CodeMirror-linenumber { color: #777; }
 .cm-s-yonce .CodeMirror-cursor { border-left: 2px solid #FC4384; }
 .cm-s-yonce .cm-searching { background: rgba(243, 155, 53, .3) !important; outline: 1px solid #F39B35; }
 .cm-s-yonce .cm-searching.CodeMirror-selectedtext { background: rgba(243, 155, 53, .7) !important; color: white; }
 .cm-s-yonce .cm-keyword { color: #00A7AA; } /**/
 .cm-s-yonce .cm-atom { color: #F39B35; }
 .cm-s-yonce .cm-number, .cm-s-yonce span.cm-type { color:  #A06FCA; } /**/
 .cm-s-yonce .cm-def { color: #98E342; }
 .cm-s-yonce .cm-property,
 .cm-s-yonce span.cm-variable { color: #D4D4D4; font-style: italic; }
 .cm-s-yonce span.cm-variable-2 { color: #da7dae; font-style: italic; }
 .cm-s-yonce span.cm-variable-3 { color: #A06FCA; }
 .cm-s-yonce .cm-type.cm-def { color: #FC4384; font-style: normal; text-decoration: underline; }
 .cm-s-yonce .cm-property.cm-def { color: #FC4384; font-style: normal; }
 .cm-s-yonce .cm-callee { color: #FC4384; font-style: normal; }
 .cm-s-yonce .cm-operator { color: #FC4384; } /**/
 .cm-s-yonce .cm-qualifier,
 .cm-s-yonce .cm-tag { color: #FC4384; }
 .cm-s-yonce .cm-tag.cm-bracket { color: #D4D4D4; }
 .cm-s-yonce .cm-attribute { color: #A06FCA; }
 .cm-s-yonce .cm-comment { color:#696d70; font-style:italic; font-weight:normal; } /**/
 .cm-s-yonce .cm-comment.cm-tag { color: #FC4384 }
 .cm-s-yonce .cm-comment.cm-attribute { color: #D4D4D4; }
 .cm-s-yonce .cm-string { color:#E6DB74; } /**/
 .cm-s-yonce .cm-string-2 { color:#F39B35; } /*?*/
 .cm-s-yonce .cm-meta { color: #D4D4D4; background: inherit; }
 .cm-s-yonce .cm-builtin { color: #FC4384; } /*?*/
 .cm-s-yonce .cm-header { color: #da7dae; }
 .cm-s-yonce .cm-hr { color: #98E342; }
 .cm-s-yonce .cm-link { color:#696d70; font-style:italic; text-decoration:none; } /**/
 .cm-s-yonce .cm-error { border-bottom: 1px solid #C42412; }
 .cm-s-yonce .CodeMirror-activeline-background { background: #272727; }
 .cm-s-yonce .CodeMirror-matchingbracket { outline:1px solid grey; color:#D4D4D4 !important; }
--- a/css/codemirror-themes/zenburn.css
+++ b/css/codemirror-themes/zenburn.css
@ -0,0 +1,37 @@
 /**
 * "
 *  Using Zenburn color palette from the Emacs Zenburn Theme
 *  https://github.com/bbatsov/zenburn-emacs/blob/master/zenburn-theme.el
 *
 *  Also using parts of https://github.com/xavi/coderay-lighttable-theme
 * "
 * From: https://github.com/wisenomad/zenburn-lighttable-theme/blob/master/zenburn.css
 */
 .cm-s-zenburn .CodeMirror-gutters { background: #3f3f3f !important; }
 .cm-s-zenburn .CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded { color: #999; }
 .cm-s-zenburn .CodeMirror-cursor { border-left: 1px solid white; }
 .cm-s-zenburn.CodeMirror { background-color: #3f3f3f; color: #dcdccc; }
 .cm-s-zenburn span.cm-builtin { color: #dcdccc; font-weight: bold; }
 .cm-s-zenburn span.cm-comment { color: #7f9f7f; }
 .cm-s-zenburn span.cm-keyword { color: #f0dfaf; font-weight: bold; }
 .cm-s-zenburn span.cm-atom { color: #bfebbf; }
 .cm-s-zenburn span.cm-def { color: #dcdccc; }
 .cm-s-zenburn span.cm-variable { color: #dfaf8f; }
 .cm-s-zenburn span.cm-variable-2 { color: #dcdccc; }
 .cm-s-zenburn span.cm-string { color: #cc9393; }
 .cm-s-zenburn span.cm-string-2 { color: #cc9393; }
 .cm-s-zenburn span.cm-number { color: #dcdccc; }
 .cm-s-zenburn span.cm-tag { color: #93e0e3; }
 .cm-s-zenburn span.cm-property { color: #dfaf8f; }
 .cm-s-zenburn span.cm-attribute { color: #dfaf8f; }
 .cm-s-zenburn span.cm-qualifier { color: #7cb8bb; }
 .cm-s-zenburn span.cm-meta { color: #f0dfaf; }
 .cm-s-zenburn span.cm-header { color: #f0efd0; }
 .cm-s-zenburn span.cm-operator { color: #f0efd0; }
 .cm-s-zenburn span.CodeMirror-matchingbracket { box-sizing: border-box; background: transparent; border-bottom: 1px solid; }
 .cm-s-zenburn span.CodeMirror-nonmatchingbracket { border-bottom: 1px solid; background: none; }
 .cm-s-zenburn .CodeMirror-activeline { background: #000000; }
 .cm-s-zenburn .CodeMirror-activeline-background { background: #000000; }
 .cm-s-zenburn div.CodeMirror-selected { background: #545454; }
 .cm-s-zenburn .CodeMirror-focused div.CodeMirror-selected { background: #4f4f4f; }
--- a/css/codemirror.css
+++ b/css/codemirror.css
@ -0,0 +1,349 @@
 /* BASICS */
 .CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
 }
 /* PADDING */
 .CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
 }
 .CodeMirror pre.CodeMirror-line,
 .CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
 }
 .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
 }
 /* GUTTER */
 .CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
 }
 .CodeMirror-linenumbers {}
 .CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
 }
 .CodeMirror-guttermarker { color: black; }
 .CodeMirror-guttermarker-subtle { color: #999; }
 /* CURSOR */
 .CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
 }
 /* Shown when moving in bi-directional text */
 .CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
 }
 .cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
 }
 .cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
 }
 .cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
 }
 .cm-animate-fat-cursor {
  width: auto;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
 }
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
 }
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
 }
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
 }
 /* Can style cursor different in overwrite (non-insert) mode */
 .CodeMirror-overwrite .CodeMirror-cursor {}
 .cm-tab { display: inline-block; text-decoration: inherit; }
 .CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
 }
 .CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
 }
 /* DEFAULT THEME */
 .cm-s-default .cm-header {color: blue;}
 .cm-s-default .cm-quote {color: #090;}
 .cm-negative {color: #d44;}
 .cm-positive {color: #292;}
 .cm-header, .cm-strong {font-weight: bold;}
 .cm-em {font-style: italic;}
 .cm-link {text-decoration: underline;}
 .cm-strikethrough {text-decoration: line-through;}
 .cm-s-default .cm-keyword {color: #708;}
 .cm-s-default .cm-atom {color: #219;}
 .cm-s-default .cm-number {color: #164;}
 .cm-s-default .cm-def {color: #00f;}
 .cm-s-default .cm-variable,
 .cm-s-default .cm-punctuation,
 .cm-s-default .cm-property,
 .cm-s-default .cm-operator {}
 .cm-s-default .cm-variable-2 {color: #05a;}
 .cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
 .cm-s-default .cm-comment {color: #a50;}
 .cm-s-default .cm-string {color: #a11;}
 .cm-s-default .cm-string-2 {color: #f50;}
 .cm-s-default .cm-meta {color: #555;}
 .cm-s-default .cm-qualifier {color: #555;}
 .cm-s-default .cm-builtin {color: #30a;}
 .cm-s-default .cm-bracket {color: #997;}
 .cm-s-default .cm-tag {color: #170;}
 .cm-s-default .cm-attribute {color: #00c;}
 .cm-s-default .cm-hr {color: #999;}
 .cm-s-default .cm-link {color: #00c;}
 .cm-s-default .cm-error {color: #f00;}
 .cm-invalidchar {color: #f00;}
 .CodeMirror-composing { border-bottom: 2px solid; }
 /* Default styles for common addons */
 div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
 div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
 .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
 .CodeMirror-activeline-background {background: #e8f2ff;}
 /* STOP */
 /* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
 .CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
 }
 .CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
 }
 .CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
 }
 /* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
 .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
 }
 .CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
 }
 .CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
 }
 .CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
 }
 .CodeMirror-gutter-filler {
  left: 0; bottom: 0;
 }
 .CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
 }
 .CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
 }
 .CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
 }
 .CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
 }
 .CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
 }
 .CodeMirror-gutter-wrapper ::selection { background-color: transparent }
 .CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
 .CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
 }
 .CodeMirror pre.CodeMirror-line,
 .CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
 }
 .CodeMirror-wrap pre.CodeMirror-line,
 .CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
 }
 .CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
 }
 .CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
 }
 .CodeMirror-widget {}
 .CodeMirror-rtl pre { direction: rtl; }
 .CodeMirror-code {
  outline: none;
 }
 /* Force content-box sizing for the elements where we expect it */
 .CodeMirror-scroll,
 .CodeMirror-sizer,
 .CodeMirror-gutter,
 .CodeMirror-gutters,
 .CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
 }
 .CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
 }
 .CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
 }
 .CodeMirror-measure pre { position: static; }
 div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
 }
 div.CodeMirror-dragcursors {
  visibility: visible;
 }
 .CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
 }
 .CodeMirror-selected { background: #d9d9d9; }
 .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
 .CodeMirror-crosshair { cursor: crosshair; }
 .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
 .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
 .cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
 }
 /* Used to force a border model for a node */
 .cm-force-border { padding-right: .1px; }
@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
 }
 /* See issue #2901 */
 .cm-tab-wrap-hack:after { content: ''; }
 /* Help users use markselection to safely style text background */
 span.CodeMirror-selectedtext { background: none; }
--- a/index.html
+++ b/index.html
@ -9,6 +9,8 @@
    <link rel="manifest" href="js/manifest.json">
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/css/iziToast.css">
    <link rel="stylesheet" href="css/codemirror.css">
    <link rel="stylesheet" href="css/codemirror-themes/darcula.css">
 </head>
 <body>
@ -107,7 +109,6 @@
            <div class="col-4 col-board-inner">
                <h5>Todo</h5>
                <template v-for="(ticket, ticketIndex) in tickets">
                    <tracker-card></tracker-card>
                </template>
            </div>
            <div class="col-4 col-board-inner">
@ -340,7 +341,7 @@
                            <div class="col-md-6" v-if="searchQuery === '' || ticket.number.search(searchQuery) >= 0 || (ticket.description && ticket.description.search(searchQuery)) >= 0">
                                <h6><span v-if="isTicketNumber(ticket.number)"></span>{{ ticket.number }}</h6>
                                <div v-if="ticket.description">
-                                    <p class="blockquote">{{ ticket.description }}</p>
+                                    <p class="fst-italic">{{ ticket.description }}</p>
                                </div>
                                <div class="ticket-time-info">
                                    <span class="float-end">{{ getTotalTime(ticket) }}</span>
@ -593,6 +594,39 @@
        </div>
    </div>
    <!-- SnippetSpace Modal -->
    <div class="modal fade" id="snippetSpaceModal" tabindex="-1" role="dialog" aria-labelledby="snippetSpaceModalLabel"
         aria-hidden="true" v-if="experimental.snippetSpace">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"><i class="fas fa-code"></i> Snippet Space</h5>
                    <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            <a href="javascript:" class="btn btn-sm btn-success btn-wide float-end" @click="createSnippet()">
                                <i class="fas fa-plus"></i>
                            </a>
                        </div>
                        <div class="col-lg-6" v-for="(snippet, snippetIndex) in snippets">
                            <textarea class="snippet-space-item" :id="snippet.id" v-model="snippet.content" @load="loadSnippet(snippet)"></textarea>
                            <div class="float-end">
                                <a href="javascript:" class="btn btn-sm btn-warning btn-wide" @click="copySnippet(snippet)">
                                    <i class="fas fa-copy"></i>
                                </a>
                                <a href="javascript:" class="btn btn-sm btn-danger btn-wide" @click="deleteSnippet(snippetIndex)">
                                    <i class="fas fa-trash"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="bottom-menu">
        <div class="container">
            <div class="row">
@ -643,7 +677,7 @@
                    <a type="button"
                       class="btn btn-info text-light bottom-menu-item"
                       data-toggle="modal"
-                       data-target="#switcherModal"
+                       data-target="#snippetSpaceModal"
                       data-bs-toggle="tooltip"
                       data-bs-placement="top"
                       title="Snippet Space">
@ -666,7 +700,8 @@
    </div>
 </div>
-
+<script src="js/codemirror.js"></script>
 <script src="js/mode/javascript/javascript.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/js/iziToast.min.js"></script>
 <script src="https://kit.fontawesome.com/b54a4cceff.js" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment-with-locales.min.js"></script>
--- a/js/app.js
+++ b/js/app.js
@ -4,7 +4,7 @@ const TimeTrack = {
            experimental: {
                trackWorktime: false,
                boardView: false,
-                snippetSpace: false,
+                snippetSpace: true,
                portalSwitcher: true
            },
            view: 'board',
@ -48,6 +48,8 @@ const TimeTrack = {
                    'transition'
                ]
            },
            snippets: [],
            codeMirrors: []
        }
    },
    mounted() {
@ -65,6 +67,16 @@ const TimeTrack = {
        setInterval(() => {
            vue.loadTooltips();
        }, 5000);
        if (this.experimental.snippetSpace) {
            this.snippets.forEach((snippet) => {
                vue.loadSnippet(snippet);
            });
            setTimeout(() => {
                vue.updateStorage();
            }, 5000);
        }
    },
    methods: {
        loadTooltips() {
@ -96,10 +108,13 @@ const TimeTrack = {
            this.portal = storedPortal == null ? '' : storedPortal;
            let storedPortals = JSON.parse(localStorage.getItem('portals'));
-            this.portals = storedPortals == null ? null : storedPortals;
+            this.portals = storedPortals == null ? [] : storedPortals;
            let storedFun = localStorage.getItem('fun');
            this.fun = storedFun == null ? false : storedFun;
            // let storedSnippets = JSON.parse(localStorage.getItem('snippets'));
            // this.snippets = storedSnippets == null ? [] : storedSnippets;
        },
        updateStorage() {
            localStorage.setItem('tickets', JSON.stringify(this.tickets));
@ -142,13 +157,14 @@ const TimeTrack = {
            let noNoTickets = ['#1920', '#3110', '#2492', '#2419', '#1256'];
            if (this.fun && noNoTickets.includes(ticket.number)) {
-                playSound(oneOf(this.sounds.bad))
+                playSound(oneOf(this.sounds.bad));
            }
            this.$forceUpdate();
            this.updateStorage();
        },
        stopTracking(ticket) {
            console.log(ticket);
            ticket.trackingStopped = moment();
            ticket.tracking = false;
@ -156,19 +172,24 @@ const TimeTrack = {
                ticket.trackingStopped.diff(ticket.trackingStarted)
            ).as('minutes');
-            let historyEntry = {
+            if (minutesSpent > 0) {
-                trackingStarted: ticket.trackingStarted,
+                let historyEntry = {
-                trackingStopped: ticket.trackingStopped,
+                    trackingStarted: ticket.trackingStarted,
-                manually: false,
+                    trackingStopped: ticket.trackingStopped,
-                minutes: Math.round(minutesSpent)
+                    manually: false,
-            };
+                    minutes: Math.round(minutesSpent)
                };
                console.log(historyEntry);
                if (this.experimental.trackWorktime) {
                    if (ticket.paused) {
                        historyEntry.pause = true;
                    }
                }
-            if (ticket.paused) {
+                ticket.history.push(historyEntry);
                historyEntry.pause = true;
            }
            ticket.history.push();
            ticket.trackingStarted = null;
            ticket.trackingStopped = null;
@ -363,8 +384,6 @@ const TimeTrack = {
            copyText.setSelectionRange(0, 99999);
            document.execCommand("copy");
            alert('Text kopiert!');
        },
        fetchThemes() {
            let vue = this;
@ -440,6 +459,59 @@ const TimeTrack = {
                });
                this.updateStorage();
            }
        },
        createSnippet() {
            let newSnippet = {
                content: '',
                mode: 'htmlmixed',
                id: getRandomID()
            };
            this.snippets.push(newSnippet);
            this.loadSnippet(this.snippets[this.snippets.length-1]);
            this.updateStorage();
        },
        loadSnippet(snippet) {
            setTimeout(() => {
                let element = document.getElementById(snippet.id);
                if (!element) {
                    console.log('Textarea with id '+snippet.id+' not found');
                    return false;
                }
                snippet.mirrorInstance = CodeMirror.fromTextArea(element, {
                    theme: 'darcula',
                    lineNumbers: true,
                    mode: snippet.mode,
                    value: snippet.content
                });
                setInterval(() => {
                    snippet.content = snippet.mirrorInstance.doc.getValue();
                }, 1000);
            }, 100);
        },
        deleteSnippet(index) {
            this.snippets.splice(index, 1);
            iziToast.show({
                message: 'Snippet wurde gelöscht',
                color: 'blue'
            });
            this.updateStorage();
        },
        copySnippet(snippet) {
            let code = document.getElementById(snippet.id);
            code.select();
            code.setSelectionRange(0, 99999);
            document.execCommand("copy");
            iziToast.show({
                message: 'Code kopiert!',
                color: 'green'
            });
        }
    },
    watch: {
@ -464,8 +536,10 @@ const TimeTrack = {
        exportJson() {
            return JSON.stringify({
                tickets: this.tickets,
                archive: this.archive,
                ticketSystemUrl: this.ticketSystemUrl,
                showPT: this.showPT,
                fun: this.fun,
                theme: this.theme
            });
        }
@ -481,4 +555,14 @@ function playSound(sound, extension = null) {
    audio.play();
 }
 function getRandomID() {
    let text = '';
    const possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
    for (let i = 0; i < 10; i++) {
        text += possible.charAt(Math.floor(Math.random() * possible.length));
    }
    return text;
 }
 const TimeTrackApp = Vue.createApp(TimeTrack).mount('#root');
--- a/js/codemirror.js
+++ b/js/codemirror.js
--- a/js/codemirror/.editorconfig
+++ b/js/codemirror/.editorconfig
@ -0,0 +1,7 @@
 root = true
 [*]
 indent_style = space
 indent_size = 2
 end_of_line = lf
 charset = utf-8
--- a/js/codemirror/.gitattributes
+++ b/js/codemirror/.gitattributes
@ -0,0 +1,8 @@
 *.txt   text eol=lf
 *.js    text eol=lf
 *.html  text eol=lf
 *.md    text eol=lf
 *.json  text eol=lf
 *.yml   text eol=lf
 *.css   text eol=lf
 *.svg   text eol=lf
--- a/js/codemirror/.npmignore
+++ b/js/codemirror/.npmignore
@ -0,0 +1,14 @@
 /node_modules
 /demo
 /doc
 /test
 /test*.html
 /index.html
 /mode/*/*test.js
 /mode/*/*.html
 /mode/index.html
 .*
 /bin/authors.sh
 /bin/lint
 /bin/release
 /bin/upload-release.js
--- a/js/codemirror/AUTHORS
+++ b/js/codemirror/AUTHORS
@ -0,0 +1,946 @@
 List of CodeMirror contributors. Updated before every release.
 4oo4
 4r2r
 Aaron Brooks
 Abdelouahab
 Abdussalam Abdurrahman
 Abe Fettig
 Abhishek Gahlot
 Adam Ahmed
 Adam King
 Adam Particka
 Adam Wight
 adanlobato
 Adán Lobato
 Aditya Toshniwal
 Adrian Aichner
 Adrian Heine
 Adrian Kunz
 Adrien Bertrand
 aeroson
 Ahmad Amireh
 Ahmad M. Zawawi
 ahoward
 Ajin Abraham
 Akeksandr Motsjonov
 Alasdair Smith
 AlbertHilb
 Alberto González Palomo
 Alberto Pose
 Albert Xing
 Alexander Marks
 Alexander Pavlov
 Alexander Schepanovski
 Alexander Shvets
 Alexander Solovyov
 Alexandre Bique
 Alex Churchill
 alexey-k
 Alex Piggott
 Alf Eaton
 Aliaksei Chapyzhenka
 Allen Sarkisyan
 Ami Fischman
 Amin Shali
 Amin Ullah Khan
 amshali@google.com
 Amsul
 amuntean
 Amy
 Ananya Sen
 anaran
 AndersMad
 Anders Nawroth
 Anderson Mesquita
 Anders Wåglund
 Andrea G
 Andreas Reischuck
 Andres Taylor
 Andre von Houck
 Andrew Cheng
 Andrew Dassonville
 Andrey Fedorov
 Andrey Klyuchnikov
 Andrey Lushnikov
 Andrey Shchekin
 Andy Joslin
 Andy Kimball
 Andy Li
 Angelo
 angelozerr
 angelo.zerr@gmail.com
 Ankit
 Ankit Ahuja
 Ansel Santosa
 Anthony Dugois
 anthonygego
 Anthony Gégo
 Anthony Grimes
 Anthony Stewart
 Anton Kovalyov
 antosarho
 aoki ken
 Apollo Zhu
 AQNOUCH Mohammed
 Aram Shatakhtsyan
 areos
 Arnab Bose
 Arnoud Buzing
 Arsène von Wyss
 Arthur Müller
 Arun Narasani
 as3boyan
 asolove
 atelierbram
 AtomicPages LLC
 Atul Bhouraskar
 Aurelian Oancea
 Axel Lewenhaupt
 Baptiste Augrain
 Barret Rennie
 Bartosz Dziewoński
 Basarat Ali Syed
 Bastian Müller
 belhaj
 Bem Jones-Bey
 benbro
 Benedikt Meurer
 benhormann
 Ben Hormann
 Beni Cherniavsky-Paskin
 Benjamin DeCoste
 Benjamin Young
 Ben Keen
 Ben Miller
 Ben Mosher
 Bernhard Sirlinger
 Bert Chang
 Bharad
 BigBlueHat
 Billiam
 Billy Moon
 Bin Ni
 binny
 Bjorn Hansen
 B Krishna Chaitanya
 Blaine G
 blukat29
 Bo
 boomyjee
 Bo Peng
 borawjm
 Boris K
 Brad Metcalf
 Brandon Frohs
 Brandon Wamboldt
 Bret Little
 Brett Zamir
 Brian Grinstead
 BrianHung
 Brian Sletten
 brrd
 Bruce Mitchener
 Bruno Logerfo
 Bryan Gin-ge Chen
 Bryan Massoth
 Caitlin Potter
 Calin Barbat
 callodacity
 Camilo Roca
 Casey Klebba
 cBiscuit87
 César González Íñiguez
 Chad Jolly
 Chandra Sekhar Pydi
 Charles Skelton
 Cheah Chu Yeow
 Chhekur
 Chris Colborne
 Chris Coyier
 Chris Ford
 Chris Granger
 Chris Houseknecht
 Chris Lohfink
 Chris Morgan
 Chris Reeves
 Chris Smith
 Christian Gruen
 Christian Oyarzun
 Christian Petrov
 christopherblaser
 Christopher Brown
 Christopher Kramer
 Christopher Mitchell
 Christopher Pfohl
 Christopher Wallis
 Chunliang Lyu
 ciaranj
 clone-it
 clso
 CodeAnimal
 CodeBitt
 coderaiser
 Cole R Lawrence
 ComFreek
 Cornelius Weig
 Cristian Prieto
 Curran Kelleher
 Curtis Gagliardi
 d8888
 dagsta
 daines
 Dale Jung
 Dan Bentley
 Dan Heberden
 Daniel, Dao Quang Minh
 Daniele Di Sarli
 Daniel Faust
 Daniel Hanggi
 Daniel Huigens
 Daniel Kesler
 Daniel KJ
 Daniel Neel
 Daniel Parnell
 Daniel Thwaites
 Danila Malyutin
 Danny Yoo
 darealshinji
 Darius Roberts
 databricks-david-lewis
 Dave Brondsema
 Dave MacLachlan
 Dave Myers
 David Barnett
 David H. Bronke
 David Mignot
 David Pathakjee
 David R. Myers
 David Rodrigues
 David Santana
 David Vázquez
 David Whittington
 deebugger
 Deep Thought
 Denis Ovsienko
 Devin Abbott
 Devon Carew
 Dick Choi
 Diego Fernandez
 dignifiedquire
 Dimage Sapelkin
 Dimitri Mitropoulos
 Dinindu D. Wanniarachchi
 dmaclach
 Dmitry Kiselyov
 domagoj412
 Dominator008
 Domizio Demichelis
 Doug Blank
 Doug Wikle
 Drew Bratcher
 Drew Hintz
 Drew Khoury
 Drini Cami
 Dror BG
 Duncan Lilley
 duralog
 dwelle
 Ealton
 eborden
 edoroshenko
 edsharp
 ekhaled
 Elisée
 Elmar Peise
 elpnt
 Emmanuel Schanzer
 Enam Mijbah Noor
 Eric Allam
 Eric Bogard
 Erik Demaine
 Erik Welander
 erosman
 eustas
 Evan Minsk
 Fabien Dubosson
 Fabien O'Carroll
 Fabio Zendhi Nagao
 Faiza Alsaied
 Fauntleroy
 fbuchinger
 feizhang365
 Felipe Lalanne
 Felipe S. S. Schneider
 Felix Raab
 ficristo
 Filip Noetzel
 Filip Stollár
 Filype Pereira
 finalfantasia
 flack
 Florian Felten
 Fons van der Plas
 Forbes Lindesay
 ForbesLindesay
 Ford_Lawnmower
 Forrest Oliphant
 Franco Catena
 Frank Seifferth
 Frank Wiegand
 fraxx001
 Fredrik Borg
 FUJI Goro (gfx)
 Gabriel Gheorghian
 Gabriel Horner
 Gabriel Nahmias
 galambalazs
 Gary Sheng
 Gautam Mehta
 Gavin Douglas
 gekkoe
 Geordie Hall
 George Stephanis
 geowarin
 Gerard Braad
 Gergely Hegykozi
 Germain Chazot
 Giovanni Calò
 Glebov Boris
 Glenn Jorde
 Glenn Ruehle
 goldsmcb
 Golevka
 Google LLC
 Gordon Smith
 Grant Skinner
 greengiant
 Gregory Koberger
 Grzegorz Mazur
 Guang Li
 Guan Gui
 Guillaume Massé
 Guillaume Massé
 guraga
 Gustavo Rodrigues
 Hakan Tunc
 Hanno Fellmann
 Hans Engel
 Hanzhao Deng
 Haoran Yu
 Harald Schilly
 Hardest
 Harshvardhan Gupta
 Hasan Delibaş
 Hasan Karahan
 Heanes
 Hector Oswaldo Caballero
 Hein Htat
 Hélio
 Hendrik Erz
 Hendrik Wallbaum
 Henrik Haugbølle
 Herculano Campos
 hidaiy
 Hiroyuki Makino
 hitsthings
 Hocdoc
 Howard
 Howard Jing
 Hugues Malphettes
 Ian Beck
 Ian Davies
 Ian Dickinson
 Ian Henderson
 ianhi
 Ian Rose
 Ian Wehrman
 Ian Wetherbee
 Ice White
 ICHIKAWA, Yuji
 idleberg
 Igor Petruk
 ilvalle
 Ilya Kharlamov
 Ilya Zverev
 Ingo Richter
 Intervue
 Irakli Gozalishvili
 iteriani
 Ivan Kurnosov
 Ivoah
 Jack Douglas
 Jacob Lee
 Jaimin
 Jake Peyser
 Jakob Kummerow
 Jakob Miland
 Jakub T. Jankiewicz
 Jakub Vrana
 Jakub Vrána
 James Campos
 James Cockshull
 James Howard
 James Thorne
 Jamie Hill
 Jamie Morris
 Janice Leung
 Jan Jongboom
 jankeromnes
 Jan Keromnes
 Jan Odvarko
 Jan Schär
 Jan T. Sott
 Jared Dean
 Jared Forsyth
 Jared Jacobs
 Jason
 Jason Barnabe
 Jason Grout
 Jason Heeris
 Jason Johnston
 Jason San Jose
 Jason Siefken
 Jayaprabhakar
 Jay Contonio
 Jaydeep Solanki
 Jean Boussier
 Jeff Blaisdell
 Jeff Hanke
 Jeff Jenkins
 jeffkenton
 Jeff Pickhardt
 jem (graphite)
 Jeremy Parmenter
 Jim
 Jim Avery
 jkaplon
 JobJob
 jochenberger
 Jochen Berger
 Joel Einbinder
 joelpinheiro
 Joe Predham
 joewalsh
 Johan Ask
 Johannes
 John Chen
 John Connor
 John-David Dalton
 John Engler
 John Lees-Miller
 John Ryan
 John Snelson
 John Van Der Loo
 Jon Ander Peñalba
 Jonas Döbertin
 Jonas Helfer
 Jonathan Dierksen
 Jonathan Hart
 Jonathan Malmaud
 Jonathan Rascher
 Jon Gacnik
 jongalloway
 Jon Malmaud
 Jon Sangster
 Joo
 Joost-Wim Boekesteijn
 José dBruxelles
 Joseph Pecoraro
 Josh Barnes
 Josh Cohen
 Josh Soref
 Joshua Newman
 Josh Watzman
 jots
 Joy Zhong
 jsoojeon
 ju1ius
 Juan Benavides Romero
 Jucovschi Constantin
 Juho Vuori
 Julien CROUZET
 Julien Rebetez
 Justin Andresen
 Justin Hileman
 jwallers@gmail.com
 kaniga
 karevn
 Karol
 Kaushik Kulkarni
 Kayur Patel
 Kazuhito Hokamura
 kcwiakala
 Kees de Kooter
 Kenan Christian Dimas
 Ken Newman
 ken restivo
 Ken Rockot
 Kevin Earls
 Kevin Kwok
 Kevin Muret
 Kevin Sawicki
 Kevin Ushey
 Kier Darby
 Kim-Anh Tran
 Klaus Silveira
 Koh Zi Han, Cliff
 komakino
 Konstantin Chernenko
 Konstantin Lopuhin
 koops
 Kris Ciccarello
 ks-ifware
 kubelsmieci
 kvncp
 KwanEsq
 Kyle Kelley
 KyleMcNutt
 LaKing
 Lanfei
 Lanny
 laobubu
 Laszlo Vidacs
 leaf
 leaf corcoran
 Lemmon
 Leo Baschy
 Leonid Khachaturov
 Leon Sorokin
 Leonya Khachaturov
 lexer2086
 Liam Newman
 Libo Cannici
 Lior Goldberg
 Lior Shub
 lishid
 LloydMilligan
 LM
 lochel
 Lonnie Abelbeck
 Lorenzo Simionato
 Lorenzo Stoakes
 Louis Mauchet
 Luca Fabbri
 Lucas Buchala
 Luciano Longo
 Luciano Santana
 Lu Fangjian
 Łukasz Wielgus
 Luke Browning
 Luke Granger-Brown
 Luke Stagner
 lynschinzer
 M1cha
 Madhura Jayaratne
 Maksim Lin
 Maksym Taran
 Malay Majithia
 Manideep
 Manuel Rego Casasnovas
 Marat Dreizin
 Marcel Gerber
 Marcelo Camargo
 Marc Espín
 Marco Aurélio
 Marco Munizaga
 Marcus Bointon
 Marek Rudnicki
 Marijn Haverbeke
 Mário Gonçalves
 Mario Pietsch
 Mark Anderson
 Mark Boyes
 Mark Dalgleish
 Mark Hamstra
 Mark Lentczner
 Marko Bonaci
 Mark Peace
 Markus Bordihn
 Markus Olsson
 Martin Balek
 Martín Gaitán
 Martin Hasoň
 Martin Hunt
 Martin Laine
 Martin Zagora
 Masahiro MATAYOSHI
 Mason Malone
 Mateusz Paprocki
 Mathias Bynens
 mats cronqvist
 Matt Diehl
 Matt Gaide
 Matthew Bauer
 Matthew Beale
 Matthew Casperson
 matthewhayes
 Matthew Rathbone
 Matthew Suozzo
 Matthias Bussonnier
 Matthias BUSSONNIER
 Mattia Astorino
 Matt MacPherson
 Matt McDonald
 Matt Pass
 Matt Sacks
 mauricio
 Maximilian Hils
 Maxim Kraev
 Max Kirsch
 Max Schaefer
 Max Wu
 Max Xiantu
 mbarkhau
 McBrainy
 mce2
 Mélanie Chauvel
 melpon
 meshuamam
 Metatheos
 Micah Dubinko
 Michael
 Michael Chirico
 Michael Goderbauer
 Michael Grey
 Michael Kaminsky
 Michael Lehenbauer
 Michael Wadman
 Michael Walker
 Michael Zhou
 Michal Čihař
 Michal Dorner
 Michal Kapiczynski
 Mighty Guava
 Miguel Castillo
 mihailik
 Mika Andrianarijaona
 Mike
 Mike Bostock
 Mike Brevoort
 Mike Diaz
 Mike Ivanov
 Mike Kadin
 Mike Kobit
 Milan Szekely
 MinJune Kim
 MinRK
 Miraculix87
 misfo
 mkaminsky11
 mloginov
 mlsad3
 Moritz Schubotz (physikerwelt)
 Moritz Schwörer
 Moshe Wajnberg
 mps
 ms
 mtaran-google
 Mu-An ✌️ Chiou
 Mu-An Chiou
 Mykola Martynovets
 mzabuawala
 Narciso Jaramillo
 nathanlesage
 Nathan Williams
 ndr
 Neil Anderson
 neon-dev
 nerbert
 NetworkNode
 nextrevision
 ngn
 nguillaumin
 Ng Zhi An
 Nicholas Bollweg
 Nicholas Bollweg (Nick)
 NickKolok
 Nick Kreeger
 Nick Small
 Nicolas Chevobbe
 Nicolas Kick
 Nicolò Ribaudo
 Niels van Groningen
 nightwing
 Nikita Beloglazov
 Nikita Vasilyev
 Nikolaj Kappler
 Nikolay Kostov
 nilp0inter
 Nils Knappmeier
 Nina Pypchenko
 Nisarg Jhaveri
 nlwillia
 noragrossman
 Norman Rzepka
 Nouzbe
 Oleksandr Yakovenko
 Olivia Ytterbrink
 Opender Singh
 opl-
 Oreoluwa Onatemowo
 orionlee
 oscar.lofwenhamn
 Oskar Segersvärd
 ossdev
 overdodactyl
 pablo
 pabloferz
 Pablo Zubieta
 paddya
 Page
 paladox
 Panupong Pasupat
 paris
 Paris
 Paris Kasidiaris
 Patil Arpith
 Patrick Kettner
 Patrick Stoica
 Patrick Strawderman
 Paul Garvin
 Paul Ivanov
 Paul Masson
 Paul Schmidt
 Pavel
 Pavel Feldman
 Pavel Petržela
 Pavel Strashkin
 Paweł Bartkiewicz
 peteguhl
 peter
 Peter Flynn
 peterkroon
 Peter Kroon
 Peter László
 Phil DeJarnett
 Philipp A
 Philipp Markovics
 Philip Stadermann
 Pi Delport
 Pierre Gerold
 Pieter Ouwerkerk
 Piyush
 Pontus Melke
 prasanthj
 Prasanth J
 Prayag Verma
 prendota
 Prendota
 ps173
 Qiang Li
 quiddity-wp
 Radek Piórkowski
 Rahul
 Rahul Anand
 ramwin1
 Randall Mason
 Randy Burden
 Randy Edmunds
 Randy Luecke
 Raphael Amorim
 Rasmus Erik Voel Jensen
 Rasmus Schultz
 raymondf
 Raymond Hill
 ray ratchup
 Ray Ratchup
 Remi Nyborg
 Renaud Durlin
 Reynold Xin
 Richard Denton
 Richard van der Meer
 Richard Z.H. Wang
 Rishi Goomar
 Robert Brignull
 Robert Crossfield
 Robert Martin
 Roberto Abdelkader Martínez Pérez
 robertop23
 Roberto Vidal
 Robert Plummer
 Roman Frolov
 Roman Janusz
 Rongjian Zhang
 Rrandom
 Rrrandom
 Ruslan Bekenev
 Ruslan Osmanov
 rvalavicius
 Ryan Pangrle
 Ryan Petrello
 Ryan Prior
 ryu-sato
 sabaca
 Sachin Gupta
 Sam Lee
 Sam Rawlins
 Samuel Ainsworth
 Sam Wilson
 sandeepshetty
 Sander AKA Redsandro
 Sander Verweij
 santec
 Sarah McAlear and Wenlin Zhang
 Sascha Peilicke
 Sasha Varlamov
 satamas
 satchmorun
 sathyamoorthi
 Saul Costa
 S. Chris Colbert
 SCLINIC\jdecker
 Scott Aikin
 Scott Feeney
 Scott Goodhew
 Seb35
 Sebastian Ślepowroński
 Sebastian Wilzbach
 Sebastian Zaha
 Seren D
 Sergey Goder
 Sergey Tselovalnikov
 Se-Won Kim
 Shane Liesegang
 shaund
 shaun gilchrist
 Shawn A
 Shea Bunge
 sheopory
 Shil S
 Shiv Deepak
 Shmuel Englard
 Shubham Jain
 Siamak Mokhtari
 Siddhartha Gunti
 silverwind
 Simon Edwards
 Simon Huber
 sinkuu
 Slava Rozhnev
 snasa
 soliton4
 sonson
 Sorab Bisht
 spastorelli
 srajanpaliwal
 Stanislav Oaserele
 stan-z
 Stas Kobzar
 stasoid
 Stefan Borsje
 Steffen Beyer
 Steffen Bruchmann
 Steffen Kowalski
 Stephane Moore
 Stephen Lavelle
 Steve Champagne
 Steve Hoover
 Steven Yung
 Steve O'Hara
 stockiNail
 stoskov
 Stryder Crown
 Stu Kennedy
 Sungho Kim
 sverweij
 Taha Jahangir
 takamori
 Tako Schotanus
 Takuji Shimokawa
 Takuya Matsuyama
 Tarmil
 T. Brandon Ashley
 TDaglis
 Teja
 tel
 Tentone
 tfjgeorge
 Thaddee Tyl
 thanasis
 TheHowl
 themrmax
 Thiemo Kreuz
 think
 Thomas Brouard
 Thomas Dvornik
 Thomas Kluyver
 thomasmaclean
 Thomas Schmid
 Tim Alby
 Tim Baumann
 Tim Gates
 Timothy Farrell
 Timothy Gu
 Timothy Hatcher
 Tim van der Lippe
 Tobias Bertelsen
 TobiasBg
 Todd Berman
 Todd Kennedy
 tokafew420
 Tomas-A
 Tomas Varaneckas
 Tom Erik Støwer
 Tom Klancer
 Tom MacWright
 Tom McLaughlin
 Tony Jian
 tophf
 Torben Bundt
 Torgeir Thoresen
 totalamd
 Travis Heppe
 Triangle717
 Tristan Tarrant
 TSUYUSATO Kitsune
 Tugrul Elmas
 twifkak
 Tyler Long
 Tyler Makaro
 Vadim Dyachenko
 Vadzim Ramanenka
 Vaibhav Sagar
 vamshi.revu
 VapidWorx
 Vestimir Markov
 vf
 Victor Bocharsky
 Vincent Woo
 Volker Mische
 vtripolitakis
 wdouglashall
 Weiyan Shao
 wenli
 Wes Cossick
 Wesley Wiser
 Weston Ruter
 Will Binns-Smith
 Will Dean
 Will Hernandez
 William Desportes
 William Jamieson
 William Stein
 Willy
 Wojtek Ptak
 wonderboyjon
 Wu Cheng-Han
 Xavier Mendez
 Yang Guo
 Yash Singh
 Yash-Singh1
 Yassin N. Hassan
 YNH Webdev
 yoongu
 Yunchi Luo
 Yuvi Panda
 Yvonnick Esnault
 Zac Anger
 Zachary Dremann
 ZeeshanNoor
 Zeno Rocha
 Zhang Hao
 Ziv
 zoobestik
 zziuni
 魏鹏刚
--- a/js/codemirror/CHANGELOG.md
+++ b/js/codemirror/CHANGELOG.md
--- a/js/codemirror/CONTRIBUTING.md
+++ b/js/codemirror/CONTRIBUTING.md
@ -0,0 +1,92 @@
 # How to contribute
 - [Getting help](#getting-help)
 - [Submitting bug reports](#submitting-bug-reports)
 - [Contributing code](#contributing-code)
 ## Getting help
 Community discussion, questions, and informal bug reporting is done on the
 [discuss.CodeMirror forum](http://discuss.codemirror.net).
 ## Submitting bug reports
 The preferred way to report bugs is to use the
 [GitHub issue tracker](http://github.com/codemirror/CodeMirror/issues). Before
 reporting a bug, read these pointers.
 **Note:** The issue tracker is for *bugs*, not requests for help. Questions
 should be asked on the
 [discuss.CodeMirror forum](http://discuss.codemirror.net) instead.
 ### Reporting bugs effectively
 - CodeMirror is maintained by volunteers. They don't owe you anything, so be
  polite. Reports with an indignant or belligerent tone tend to be moved to the
  bottom of the pile.
 - Include information about **the browser in which the problem occurred**. Even
  if you tested several browsers, and the problem occurred in all of them,
  mention this fact in the bug report. Also include browser version numbers and
  the operating system that you're on.
 - Mention which release of CodeMirror you're using. Preferably, try also with
  the current development snapshot, to ensure the problem has not already been
  fixed.
 - Mention very precisely what went wrong. "X is broken" is not a good bug
  report. What did you expect to happen? What happened instead? Describe the
  exact steps a maintainer has to take to make the problem occur. We can not
  fix something that we can not observe.
 - If the problem can not be reproduced in any of the demos included in the
  CodeMirror distribution, please provide an HTML document that demonstrates
  the problem. The best way to do this is to go to
  [jsbin.com](http://jsbin.com/ihunin/edit), enter it there, press save, and
  include the resulting link in your bug report.
 ## Contributing code
 Note that we are not accepting any new addons or modes into the main
 distribution. If you've written such a module, please distribute it as
 a separate NPM package.
 - Make sure you have a [GitHub Account](https://github.com/signup/free)
 - Fork [CodeMirror](https://github.com/codemirror/CodeMirror/)
  ([how to fork a repo](https://help.github.com/articles/fork-a-repo))
 - Make your changes
 - If your changes are easy to test or likely to regress, add tests.
  Tests for the core go into `test/test.js`, some modes have their own
  test suite under `mode/XXX/test.js`. Feel free to add new test
  suites to modes that don't have one yet (be sure to link the new
  tests into `test/index.html`).
 - Follow the general code style of the rest of the project (see
  below). Run `bin/lint` to verify that the linter is happy.
 - Make sure all tests pass. Visit `test/index.html` in your browser to
  run them.
 - Submit a pull request
 ([how to create a pull request](https://help.github.com/articles/fork-a-repo)).
  Don't put more than one feature/fix in a single pull request.
 By contributing code to CodeMirror you
 - agree to license the contributed code under CodeMirror's [MIT
   license](https://codemirror.net/LICENSE).
 - confirm that you have the right to contribute and license the code
   in question. (Either you hold all rights on the code, or the rights
   holder has explicitly granted the right to use it like this,
   through a compatible open source license or through a direct
   agreement with you.)
 ### Coding standards
 - 2 spaces per indentation level, no tabs.
 - Note that the linter (`bin/lint`) which is run after each commit
  complains about unused variables and functions. Prefix their names
  with an underscore to muffle it.
 - CodeMirror does *not* follow JSHint or JSLint prescribed style.
  Patches that try to 'fix' code to pass one of these linters will be
  unceremoniously discarded.
--- a/js/codemirror/LICENSE
+++ b/js/codemirror/LICENSE
@ -0,0 +1,21 @@
 MIT License
 Copyright (C) 2017 by Marijn Haverbeke <marijnh@gmail.com> and others
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 in the Software without restriction, including without limitation the rights
 to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:
 The above copyright notice and this permission notice shall be included in
 all copies or substantial portions of the Software.
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
--- a/js/codemirror/README.md
+++ b/js/codemirror/README.md
@ -0,0 +1,47 @@
 # CodeMirror
 [![Build Status](https://github.com/codemirror/codemirror/workflows/main/badge.svg)](https://github.com/codemirror/codemirror/actions)
 [![NPM version](https://img.shields.io/npm/v/codemirror.svg)](https://www.npmjs.org/package/codemirror)
 CodeMirror is a versatile text editor implemented in JavaScript for
 the browser. It is specialized for editing code, and comes with over
 100 language modes and various addons that implement more advanced
 editing functionality. Every language comes with fully-featured code
 and syntax highlighting to help with reading and editing complex code.
 A rich programming API and a CSS theming system are available for
 customizing CodeMirror to fit your application, and extending it with
 new functionality.
 You can find more information (and the
 [manual](https://codemirror.net/doc/manual.html)) on the [project
 page](https://codemirror.net). For questions and discussion, use the
 [discussion forum](https://discuss.codemirror.net/).
 See
 [CONTRIBUTING.md](https://github.com/codemirror/CodeMirror/blob/master/CONTRIBUTING.md)
 for contributing guidelines.
 The CodeMirror community aims to be welcoming to everybody. We use the
 [Contributor Covenant
 (1.1)](http://contributor-covenant.org/version/1/1/0/) as our code of
 conduct.
 ### Installation
 Either get the [zip file](https://codemirror.net/codemirror.zip) with
 the latest version, or make sure you have [Node](https://nodejs.org/)
 installed and run:
    npm install codemirror
 **NOTE**: This is the source repository for the library, and not the
 distribution channel. Cloning it is not the recommended way to install
 the library, and will in fact not work unless you also run the build
 step.
 ### Quickstart
 To build the project, make sure you have Node.js installed (at least version 6)
 and then `npm install`. To run, just open `index.html` in your
 browser (you don't need to run a webserver). Run the tests with `npm test`.
--- a/js/codemirror/addon/comment/comment.js
+++ b/js/codemirror/addon/comment/comment.js
@ -0,0 +1,211 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function(CodeMirror) {
  "use strict";
  var noOptions = {};
  var nonWS = /[^\s\u00a0]/;
  var Pos = CodeMirror.Pos, cmp = CodeMirror.cmpPos;
  function firstNonWS(str) {
    var found = str.search(nonWS);
    return found == -1 ? 0 : found;
  }
  CodeMirror.commands.toggleComment = function(cm) {
    cm.toggleComment();
  };
  CodeMirror.defineExtension("toggleComment", function(options) {
    if (!options) options = noOptions;
    var cm = this;
    var minLine = Infinity, ranges = this.listSelections(), mode = null;
    for (var i = ranges.length - 1; i >= 0; i--) {
      var from = ranges[i].from(), to = ranges[i].to();
      if (from.line >= minLine) continue;
      if (to.line >= minLine) to = Pos(minLine, 0);
      minLine = from.line;
      if (mode == null) {
        if (cm.uncomment(from, to, options)) mode = "un";
        else { cm.lineComment(from, to, options); mode = "line"; }
      } else if (mode == "un") {
        cm.uncomment(from, to, options);
      } else {
        cm.lineComment(from, to, options);
      }
    }
  });
  // Rough heuristic to try and detect lines that are part of multi-line string
  function probablyInsideString(cm, pos, line) {
    return /\bstring\b/.test(cm.getTokenTypeAt(Pos(pos.line, 0))) && !/^[\'\"\`]/.test(line)
  }
  function getMode(cm, pos) {
    var mode = cm.getMode()
    return mode.useInnerComments === false || !mode.innerMode ? mode : cm.getModeAt(pos)
  }
  CodeMirror.defineExtension("lineComment", function(from, to, options) {
    if (!options) options = noOptions;
    var self = this, mode = getMode(self, from);
    var firstLine = self.getLine(from.line);
    if (firstLine == null || probablyInsideString(self, from, firstLine)) return;
    var commentString = options.lineComment || mode.lineComment;
    if (!commentString) {
      if (options.blockCommentStart || mode.blockCommentStart) {
        options.fullLines = true;
        self.blockComment(from, to, options);
      }
      return;
    }
    var end = Math.min(to.ch != 0 || to.line == from.line ? to.line + 1 : to.line, self.lastLine() + 1);
    var pad = options.padding == null ? " " : options.padding;
    var blankLines = options.commentBlankLines || from.line == to.line;
    self.operation(function() {
      if (options.indent) {
        var baseString = null;
        for (var i = from.line; i < end; ++i) {
          var line = self.getLine(i);
          var whitespace = line.slice(0, firstNonWS(line));
          if (baseString == null || baseString.length > whitespace.length) {
            baseString = whitespace;
          }
        }
        for (var i = from.line; i < end; ++i) {
          var line = self.getLine(i), cut = baseString.length;
          if (!blankLines && !nonWS.test(line)) continue;
          if (line.slice(0, cut) != baseString) cut = firstNonWS(line);
          self.replaceRange(baseString + commentString + pad, Pos(i, 0), Pos(i, cut));
        }
      } else {
        for (var i = from.line; i < end; ++i) {
          if (blankLines || nonWS.test(self.getLine(i)))
            self.replaceRange(commentString + pad, Pos(i, 0));
        }
      }
    });
  });
  CodeMirror.defineExtension("blockComment", function(from, to, options) {
    if (!options) options = noOptions;
    var self = this, mode = getMode(self, from);
    var startString = options.blockCommentStart || mode.blockCommentStart;
    var endString = options.blockCommentEnd || mode.blockCommentEnd;
    if (!startString || !endString) {
      if ((options.lineComment || mode.lineComment) && options.fullLines != false)
        self.lineComment(from, to, options);
      return;
    }
    if (/\bcomment\b/.test(self.getTokenTypeAt(Pos(from.line, 0)))) return
    var end = Math.min(to.line, self.lastLine());
    if (end != from.line && to.ch == 0 && nonWS.test(self.getLine(end))) --end;
    var pad = options.padding == null ? " " : options.padding;
    if (from.line > end) return;
    self.operation(function() {
      if (options.fullLines != false) {
        var lastLineHasText = nonWS.test(self.getLine(end));
        self.replaceRange(pad + endString, Pos(end));
        self.replaceRange(startString + pad, Pos(from.line, 0));
        var lead = options.blockCommentLead || mode.blockCommentLead;
        if (lead != null) for (var i = from.line + 1; i <= end; ++i)
          if (i != end || lastLineHasText)
            self.replaceRange(lead + pad, Pos(i, 0));
      } else {
        var atCursor = cmp(self.getCursor("to"), to) == 0, empty = !self.somethingSelected()
        self.replaceRange(endString, to);
        if (atCursor) self.setSelection(empty ? to : self.getCursor("from"), to)
        self.replaceRange(startString, from);
      }
    });
  });
  CodeMirror.defineExtension("uncomment", function(from, to, options) {
    if (!options) options = noOptions;
    var self = this, mode = getMode(self, from);
    var end = Math.min(to.ch != 0 || to.line == from.line ? to.line : to.line - 1, self.lastLine()), start = Math.min(from.line, end);
    // Try finding line comments
    var lineString = options.lineComment || mode.lineComment, lines = [];
    var pad = options.padding == null ? " " : options.padding, didSomething;
    lineComment: {
      if (!lineString) break lineComment;
      for (var i = start; i <= end; ++i) {
        var line = self.getLine(i);
        var found = line.indexOf(lineString);
        if (found > -1 && !/comment/.test(self.getTokenTypeAt(Pos(i, found + 1)))) found = -1;
        if (found == -1 && nonWS.test(line)) break lineComment;
        if (found > -1 && nonWS.test(line.slice(0, found))) break lineComment;
        lines.push(line);
      }
      self.operation(function() {
        for (var i = start; i <= end; ++i) {
          var line = lines[i - start];
          var pos = line.indexOf(lineString), endPos = pos + lineString.length;
          if (pos < 0) continue;
          if (line.slice(endPos, endPos + pad.length) == pad) endPos += pad.length;
          didSomething = true;
          self.replaceRange("", Pos(i, pos), Pos(i, endPos));
        }
      });
      if (didSomething) return true;
    }
    // Try block comments
    var startString = options.blockCommentStart || mode.blockCommentStart;
    var endString = options.blockCommentEnd || mode.blockCommentEnd;
    if (!startString || !endString) return false;
    var lead = options.blockCommentLead || mode.blockCommentLead;
    var startLine = self.getLine(start), open = startLine.indexOf(startString)
    if (open == -1) return false
    var endLine = end == start ? startLine : self.getLine(end)
    var close = endLine.indexOf(endString, end == start ? open + startString.length : 0);
    var insideStart = Pos(start, open + 1), insideEnd = Pos(end, close + 1)
    if (close == -1 ||
        !/comment/.test(self.getTokenTypeAt(insideStart)) ||
        !/comment/.test(self.getTokenTypeAt(insideEnd)) ||
        self.getRange(insideStart, insideEnd, "\n").indexOf(endString) > -1)
      return false;
    // Avoid killing block comments completely outside the selection.
    // Positions of the last startString before the start of the selection, and the first endString after it.
    var lastStart = startLine.lastIndexOf(startString, from.ch);
    var firstEnd = lastStart == -1 ? -1 : startLine.slice(0, from.ch).indexOf(endString, lastStart + startString.length);
    if (lastStart != -1 && firstEnd != -1 && firstEnd + endString.length != from.ch) return false;
    // Positions of the first endString after the end of the selection, and the last startString before it.
    firstEnd = endLine.indexOf(endString, to.ch);
    var almostLastStart = endLine.slice(to.ch).lastIndexOf(startString, firstEnd - to.ch);
    lastStart = (firstEnd == -1 || almostLastStart == -1) ? -1 : to.ch + almostLastStart;
    if (firstEnd != -1 && lastStart != -1 && lastStart != to.ch) return false;
    self.operation(function() {
      self.replaceRange("", Pos(end, close - (pad && endLine.slice(close - pad.length, close) == pad ? pad.length : 0)),
                        Pos(end, close + endString.length));
      var openEnd = open + startString.length;
      if (pad && startLine.slice(openEnd, openEnd + pad.length) == pad) openEnd += pad.length;
      self.replaceRange("", Pos(start, open), Pos(start, openEnd));
      if (lead) for (var i = start + 1; i <= end; ++i) {
        var line = self.getLine(i), found = line.indexOf(lead);
        if (found == -1 || nonWS.test(line.slice(0, found))) continue;
        var foundEnd = found + lead.length;
        if (pad && line.slice(foundEnd, foundEnd + pad.length) == pad) foundEnd += pad.length;
        self.replaceRange("", Pos(i, found), Pos(i, foundEnd));
      }
    });
    return true;
  });
 });
--- a/js/codemirror/addon/comment/continuecomment.js
+++ b/js/codemirror/addon/comment/continuecomment.js
@ -0,0 +1,114 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function(CodeMirror) {
  var nonspace = /\S/g;
  var repeat = String.prototype.repeat || function (n) { return Array(n + 1).join(this); };
  function continueComment(cm) {
    if (cm.getOption("disableInput")) return CodeMirror.Pass;
    var ranges = cm.listSelections(), mode, inserts = [];
    for (var i = 0; i < ranges.length; i++) {
      var pos = ranges[i].head
      if (!/\bcomment\b/.test(cm.getTokenTypeAt(pos))) return CodeMirror.Pass;
      var modeHere = cm.getModeAt(pos)
      if (!mode) mode = modeHere;
      else if (mode != modeHere) return CodeMirror.Pass;
      var insert = null, line, found;
      var blockStart = mode.blockCommentStart, lineCmt = mode.lineComment;
      if (blockStart && mode.blockCommentContinue) {
        line = cm.getLine(pos.line);
        var end = line.lastIndexOf(mode.blockCommentEnd, pos.ch - mode.blockCommentEnd.length);
        // 1. if this block comment ended
        // 2. if this is actually inside a line comment
        if (end != -1 && end == pos.ch - mode.blockCommentEnd.length ||
            lineCmt && (found = line.lastIndexOf(lineCmt, pos.ch - 1)) > -1 &&
            /\bcomment\b/.test(cm.getTokenTypeAt({line: pos.line, ch: found + 1}))) {
          // ...then don't continue it
        } else if (pos.ch >= blockStart.length &&
                   (found = line.lastIndexOf(blockStart, pos.ch - blockStart.length)) > -1 &&
                   found > end) {
          // reuse the existing leading spaces/tabs/mixed
          // or build the correct indent using CM's tab/indent options
          if (nonspaceAfter(0, line) >= found) {
            insert = line.slice(0, found);
          } else {
            var tabSize = cm.options.tabSize, numTabs;
            found = CodeMirror.countColumn(line, found, tabSize);
            insert = !cm.options.indentWithTabs ? repeat.call(" ", found) :
              repeat.call("\t", (numTabs = Math.floor(found / tabSize))) +
              repeat.call(" ", found - tabSize * numTabs);
          }
        } else if ((found = line.indexOf(mode.blockCommentContinue)) > -1 &&
                   found <= pos.ch &&
                   found <= nonspaceAfter(0, line)) {
          insert = line.slice(0, found);
        }
        if (insert != null) insert += mode.blockCommentContinue
      }
      if (insert == null && lineCmt && continueLineCommentEnabled(cm)) {
        if (line == null) line = cm.getLine(pos.line);
        found = line.indexOf(lineCmt);
        // cursor at pos 0, line comment also at pos 0 => shift it down, don't continue
        if (!pos.ch && !found) insert = "";
        // continue only if the line starts with an optional space + line comment
        else if (found > -1 && nonspaceAfter(0, line) >= found) {
          // don't continue if there's only space(s) after cursor or the end of the line
          insert = nonspaceAfter(pos.ch, line) > -1;
          // but always continue if the next line starts with a line comment too
          if (!insert) {
            var next = cm.getLine(pos.line + 1) || '',
                nextFound = next.indexOf(lineCmt);
            insert = nextFound > -1 && nonspaceAfter(0, next) >= nextFound || null;
          }
          if (insert) {
            insert = line.slice(0, found) + lineCmt +
                     line.slice(found + lineCmt.length).match(/^\s*/)[0];
          }
        }
      }
      if (insert == null) return CodeMirror.Pass;
      inserts[i] = "\n" + insert;
    }
    cm.operation(function() {
      for (var i = ranges.length - 1; i >= 0; i--)
        cm.replaceRange(inserts[i], ranges[i].from(), ranges[i].to(), "+insert");
    });
  }
  function nonspaceAfter(ch, str) {
    nonspace.lastIndex = ch;
    var m = nonspace.exec(str);
    return m ? m.index : -1;
  }
  function continueLineCommentEnabled(cm) {
    var opt = cm.getOption("continueComments");
    if (opt && typeof opt == "object")
      return opt.continueLineComment !== false;
    return true;
  }
  CodeMirror.defineOption("continueComments", null, function(cm, val, prev) {
    if (prev && prev != CodeMirror.Init)
      cm.removeKeyMap("continueComment");
    if (val) {
      var key = "Enter";
      if (typeof val == "string")
        key = val;
      else if (typeof val == "object" && val.key)
        key = val.key;
      var map = {name: "continueComment"};
      map[key] = continueComment;
      cm.addKeyMap(map);
    }
  });
 });
--- a/js/codemirror/addon/dialog/dialog.css
+++ b/js/codemirror/addon/dialog/dialog.css
@ -0,0 +1,32 @@
 .CodeMirror-dialog {
  position: absolute;
  left: 0; right: 0;
  background: inherit;
  z-index: 15;
  padding: .1em .8em;
  overflow: hidden;
  color: inherit;
 }
 .CodeMirror-dialog-top {
  border-bottom: 1px solid #eee;
  top: 0;
 }
 .CodeMirror-dialog-bottom {
  border-top: 1px solid #eee;
  bottom: 0;
 }
 .CodeMirror-dialog input {
  border: none;
  outline: none;
  background: transparent;
  width: 20em;
  color: inherit;
  font-family: monospace;
 }
 .CodeMirror-dialog button {
  font-size: 70%;
 }
--- a/js/codemirror/addon/dialog/dialog.js
+++ b/js/codemirror/addon/dialog/dialog.js
@ -0,0 +1,163 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 // Open simple dialogs on top of an editor. Relies on dialog.css.
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function(CodeMirror) {
  function dialogDiv(cm, template, bottom) {
    var wrap = cm.getWrapperElement();
    var dialog;
    dialog = wrap.appendChild(document.createElement("div"));
    if (bottom)
      dialog.className = "CodeMirror-dialog CodeMirror-dialog-bottom";
    else
      dialog.className = "CodeMirror-dialog CodeMirror-dialog-top";
    if (typeof template == "string") {
      dialog.innerHTML = template;
    } else { // Assuming it's a detached DOM element.
      dialog.appendChild(template);
    }
    CodeMirror.addClass(wrap, 'dialog-opened');
    return dialog;
  }
  function closeNotification(cm, newVal) {
    if (cm.state.currentNotificationClose)
      cm.state.currentNotificationClose();
    cm.state.currentNotificationClose = newVal;
  }
  CodeMirror.defineExtension("openDialog", function(template, callback, options) {
    if (!options) options = {};
    closeNotification(this, null);
    var dialog = dialogDiv(this, template, options.bottom);
    var closed = false, me = this;
    function close(newVal) {
      if (typeof newVal == 'string') {
        inp.value = newVal;
      } else {
        if (closed) return;
        closed = true;
        CodeMirror.rmClass(dialog.parentNode, 'dialog-opened');
        dialog.parentNode.removeChild(dialog);
        me.focus();
        if (options.onClose) options.onClose(dialog);
      }
    }
    var inp = dialog.getElementsByTagName("input")[0], button;
    if (inp) {
      inp.focus();
      if (options.value) {
        inp.value = options.value;
        if (options.selectValueOnOpen !== false) {
          inp.select();
        }
      }
      if (options.onInput)
        CodeMirror.on(inp, "input", function(e) { options.onInput(e, inp.value, close);});
      if (options.onKeyUp)
        CodeMirror.on(inp, "keyup", function(e) {options.onKeyUp(e, inp.value, close);});
      CodeMirror.on(inp, "keydown", function(e) {
        if (options && options.onKeyDown && options.onKeyDown(e, inp.value, close)) { return; }
        if (e.keyCode == 27 || (options.closeOnEnter !== false && e.keyCode == 13)) {
          inp.blur();
          CodeMirror.e_stop(e);
          close();
        }
        if (e.keyCode == 13) callback(inp.value, e);
      });
      if (options.closeOnBlur !== false) CodeMirror.on(dialog, "focusout", function (evt) {
        if (evt.relatedTarget !== null) close();
      });
    } else if (button = dialog.getElementsByTagName("button")[0]) {
      CodeMirror.on(button, "click", function() {
        close();
        me.focus();
      });
      if (options.closeOnBlur !== false) CodeMirror.on(button, "blur", close);
      button.focus();
    }
    return close;
  });
  CodeMirror.defineExtension("openConfirm", function(template, callbacks, options) {
    closeNotification(this, null);
    var dialog = dialogDiv(this, template, options && options.bottom);
    var buttons = dialog.getElementsByTagName("button");
    var closed = false, me = this, blurring = 1;
    function close() {
      if (closed) return;
      closed = true;
      CodeMirror.rmClass(dialog.parentNode, 'dialog-opened');
      dialog.parentNode.removeChild(dialog);
      me.focus();
    }
    buttons[0].focus();
    for (var i = 0; i < buttons.length; ++i) {
      var b = buttons[i];
      (function(callback) {
        CodeMirror.on(b, "click", function(e) {
          CodeMirror.e_preventDefault(e);
          close();
          if (callback) callback(me);
        });
      })(callbacks[i]);
      CodeMirror.on(b, "blur", function() {
        --blurring;
        setTimeout(function() { if (blurring <= 0) close(); }, 200);
      });
      CodeMirror.on(b, "focus", function() { ++blurring; });
    }
  });
  /*
   * openNotification
   * Opens a notification, that can be closed with an optional timer
   * (default 5000ms timer) and always closes on click.
   *
   * If a notification is opened while another is opened, it will close the
   * currently opened one and open the new one immediately.
   */
  CodeMirror.defineExtension("openNotification", function(template, options) {
    closeNotification(this, close);
    var dialog = dialogDiv(this, template, options && options.bottom);
    var closed = false, doneTimer;
    var duration = options && typeof options.duration !== "undefined" ? options.duration : 5000;
    function close() {
      if (closed) return;
      closed = true;
      clearTimeout(doneTimer);
      CodeMirror.rmClass(dialog.parentNode, 'dialog-opened');
      dialog.parentNode.removeChild(dialog);
    }
    CodeMirror.on(dialog, 'click', function(e) {
      CodeMirror.e_preventDefault(e);
      close();
    });
    if (duration)
      doneTimer = setTimeout(close, duration);
    return close;
  });
 });
--- a/js/codemirror/addon/display/autorefresh.js
+++ b/js/codemirror/addon/display/autorefresh.js
@ -0,0 +1,47 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"))
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror"], mod)
  else // Plain browser env
    mod(CodeMirror)
 })(function(CodeMirror) {
  "use strict"
  CodeMirror.defineOption("autoRefresh", false, function(cm, val) {
    if (cm.state.autoRefresh) {
      stopListening(cm, cm.state.autoRefresh)
      cm.state.autoRefresh = null
    }
    if (val && cm.display.wrapper.offsetHeight == 0)
      startListening(cm, cm.state.autoRefresh = {delay: val.delay || 250})
  })
  function startListening(cm, state) {
    function check() {
      if (cm.display.wrapper.offsetHeight) {
        stopListening(cm, state)
        if (cm.display.lastWrapHeight != cm.display.wrapper.clientHeight)
          cm.refresh()
      } else {
        state.timeout = setTimeout(check, state.delay)
      }
    }
    state.timeout = setTimeout(check, state.delay)
    state.hurry = function() {
      clearTimeout(state.timeout)
      state.timeout = setTimeout(check, 50)
    }
    CodeMirror.on(window, "mouseup", state.hurry)
    CodeMirror.on(window, "keyup", state.hurry)
  }
  function stopListening(_cm, state) {
    clearTimeout(state.timeout)
    CodeMirror.off(window, "mouseup", state.hurry)
    CodeMirror.off(window, "keyup", state.hurry)
  }
 });
--- a/js/codemirror/addon/display/fullscreen.css
+++ b/js/codemirror/addon/display/fullscreen.css
@ -0,0 +1,6 @@
 .CodeMirror-fullscreen {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  height: auto;
  z-index: 9;
 }
--- a/js/codemirror/addon/display/fullscreen.js
+++ b/js/codemirror/addon/display/fullscreen.js
@ -0,0 +1,41 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function(CodeMirror) {
  "use strict";
  CodeMirror.defineOption("fullScreen", false, function(cm, val, old) {
    if (old == CodeMirror.Init) old = false;
    if (!old == !val) return;
    if (val) setFullscreen(cm);
    else setNormal(cm);
  });
  function setFullscreen(cm) {
    var wrap = cm.getWrapperElement();
    cm.state.fullScreenRestore = {scrollTop: window.pageYOffset, scrollLeft: window.pageXOffset,
                                  width: wrap.style.width, height: wrap.style.height};
    wrap.style.width = "";
    wrap.style.height = "auto";
    wrap.className += " CodeMirror-fullscreen";
    document.documentElement.style.overflow = "hidden";
    cm.refresh();
  }
  function setNormal(cm) {
    var wrap = cm.getWrapperElement();
    wrap.className = wrap.className.replace(/\s*CodeMirror-fullscreen\b/, "");
    document.documentElement.style.overflow = "";
    var info = cm.state.fullScreenRestore;
    wrap.style.width = info.width; wrap.style.height = info.height;
    window.scrollTo(info.scrollLeft, info.scrollTop);
    cm.refresh();
  }
 });
--- a/js/codemirror/addon/display/panel.js
+++ b/js/codemirror/addon/display/panel.js
@ -0,0 +1,133 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 (function (mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function (CodeMirror) {
  CodeMirror.defineExtension("addPanel", function (node, options) {
    options = options || {};
    if (!this.state.panels) initPanels(this);
    var info = this.state.panels;
    var wrapper = info.wrapper;
    var cmWrapper = this.getWrapperElement();
    var replace = options.replace instanceof Panel && !options.replace.cleared;
    if (options.after instanceof Panel && !options.after.cleared) {
      wrapper.insertBefore(node, options.before.node.nextSibling);
    } else if (options.before instanceof Panel && !options.before.cleared) {
      wrapper.insertBefore(node, options.before.node);
    } else if (replace) {
      wrapper.insertBefore(node, options.replace.node);
      options.replace.clear(true);
    } else if (options.position == "bottom") {
      wrapper.appendChild(node);
    } else if (options.position == "before-bottom") {
      wrapper.insertBefore(node, cmWrapper.nextSibling);
    } else if (options.position == "after-top") {
      wrapper.insertBefore(node, cmWrapper);
    } else {
      wrapper.insertBefore(node, wrapper.firstChild);
    }
    var height = (options && options.height) || node.offsetHeight;
    var panel = new Panel(this, node, options, height);
    info.panels.push(panel);
    this.setSize();
    if (options.stable && isAtTop(this, node))
      this.scrollTo(null, this.getScrollInfo().top + height);
    return panel;
  });
  function Panel(cm, node, options, height) {
    this.cm = cm;
    this.node = node;
    this.options = options;
    this.height = height;
    this.cleared = false;
  }
  /* when skipRemove is true, clear() was called from addPanel().
   * Thus removePanels() should not be called (issue 5518) */
  Panel.prototype.clear = function (skipRemove) {
    if (this.cleared) return;
    this.cleared = true;
    var info = this.cm.state.panels;
    info.panels.splice(info.panels.indexOf(this), 1);
    this.cm.setSize();
    if (this.options.stable && isAtTop(this.cm, this.node))
      this.cm.scrollTo(null, this.cm.getScrollInfo().top - this.height)
    info.wrapper.removeChild(this.node);
    if (info.panels.length == 0 && !skipRemove) removePanels(this.cm);
  };
  Panel.prototype.changed = function () {
    this.height = this.node.getBoundingClientRect().height;
    this.cm.setSize();
  };
  function initPanels(cm) {
    var wrap = cm.getWrapperElement()
    var style = window.getComputedStyle ? window.getComputedStyle(wrap) : wrap.currentStyle;
    var height = parseInt(style.height);
    var info = cm.state.panels = {
      setHeight: wrap.style.height,
      panels: [],
      wrapper: document.createElement("div")
    };
    var hasFocus = cm.hasFocus(), scrollPos = cm.getScrollInfo()
    wrap.parentNode.insertBefore(info.wrapper, wrap);
    info.wrapper.appendChild(wrap);
    cm.scrollTo(scrollPos.left, scrollPos.top)
    if (hasFocus) cm.focus();
    cm._setSize = cm.setSize;
    if (height != null) cm.setSize = function (width, newHeight) {
      if (!newHeight) newHeight = info.wrapper.offsetHeight;
      info.setHeight = newHeight;
      if (typeof newHeight != "number") {
        var px = /^(\d+\.?\d*)px$/.exec(newHeight);
        if (px) {
          newHeight = Number(px[1]);
        } else {
          info.wrapper.style.height = newHeight;
          newHeight = info.wrapper.offsetHeight;
        }
      }
      var editorheight = newHeight - info.panels
        .map(function (p) { return p.node.getBoundingClientRect().height; })
        .reduce(function (a, b) { return a + b; }, 0);
      cm._setSize(width, editorheight);
      height = newHeight;
    };
  }
  function removePanels(cm) {
    var info = cm.state.panels;
    cm.state.panels = null;
    var wrap = cm.getWrapperElement()
    var hasFocus = cm.hasFocus(), scrollPos = cm.getScrollInfo()
    info.wrapper.parentNode.replaceChild(wrap, info.wrapper);
    cm.scrollTo(scrollPos.left, scrollPos.top)
    if (hasFocus) cm.focus();
    wrap.style.height = info.setHeight;
    cm.setSize = cm._setSize;
    cm.setSize();
  }
  function isAtTop(cm, dom) {
    for (var sibling = dom.nextSibling; sibling; sibling = sibling.nextSibling)
      if (sibling == cm.getWrapperElement()) return true
    return false
  }
 });
--- a/js/codemirror/addon/display/placeholder.js
+++ b/js/codemirror/addon/display/placeholder.js
@ -0,0 +1,78 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function(CodeMirror) {
  CodeMirror.defineOption("placeholder", "", function(cm, val, old) {
    var prev = old && old != CodeMirror.Init;
    if (val && !prev) {
      cm.on("blur", onBlur);
      cm.on("change", onChange);
      cm.on("swapDoc", onChange);
      CodeMirror.on(cm.getInputField(), "compositionupdate", cm.state.placeholderCompose = function() { onComposition(cm) })
      onChange(cm);
    } else if (!val && prev) {
      cm.off("blur", onBlur);
      cm.off("change", onChange);
      cm.off("swapDoc", onChange);
      CodeMirror.off(cm.getInputField(), "compositionupdate", cm.state.placeholderCompose)
      clearPlaceholder(cm);
      var wrapper = cm.getWrapperElement();
      wrapper.className = wrapper.className.replace(" CodeMirror-empty", "");
    }
    if (val && !cm.hasFocus()) onBlur(cm);
  });
  function clearPlaceholder(cm) {
    if (cm.state.placeholder) {
      cm.state.placeholder.parentNode.removeChild(cm.state.placeholder);
      cm.state.placeholder = null;
    }
  }
  function setPlaceholder(cm) {
    clearPlaceholder(cm);
    var elt = cm.state.placeholder = document.createElement("pre");
    elt.style.cssText = "height: 0; overflow: visible";
    elt.style.direction = cm.getOption("direction");
    elt.className = "CodeMirror-placeholder CodeMirror-line-like";
    var placeHolder = cm.getOption("placeholder")
    if (typeof placeHolder == "string") placeHolder = document.createTextNode(placeHolder)
    elt.appendChild(placeHolder)
    cm.display.lineSpace.insertBefore(elt, cm.display.lineSpace.firstChild);
  }
  function onComposition(cm) {
    setTimeout(function() {
      var empty = false
      if (cm.lineCount() == 1) {
        var input = cm.getInputField()
        empty = input.nodeName == "TEXTAREA" ? !cm.getLine(0).length
          : !/[^\u200b]/.test(input.querySelector(".CodeMirror-line").textContent)
      }
      if (empty) setPlaceholder(cm)
      else clearPlaceholder(cm)
    }, 20)
  }
  function onBlur(cm) {
    if (isEmpty(cm)) setPlaceholder(cm);
  }
  function onChange(cm) {
    var wrapper = cm.getWrapperElement(), empty = isEmpty(cm);
    wrapper.className = wrapper.className.replace(" CodeMirror-empty", "") + (empty ? " CodeMirror-empty" : "");
    if (empty) setPlaceholder(cm);
    else clearPlaceholder(cm);
  }
  function isEmpty(cm) {
    return (cm.lineCount() === 1) && (cm.getLine(0) === "");
  }
 });
--- a/js/codemirror/addon/display/rulers.js
+++ b/js/codemirror/addon/display/rulers.js
@ -0,0 +1,51 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function(CodeMirror) {
  "use strict";
  CodeMirror.defineOption("rulers", false, function(cm, val) {
    if (cm.state.rulerDiv) {
      cm.state.rulerDiv.parentElement.removeChild(cm.state.rulerDiv)
      cm.state.rulerDiv = null
      cm.off("refresh", drawRulers)
    }
    if (val && val.length) {
      cm.state.rulerDiv = cm.display.lineSpace.parentElement.insertBefore(document.createElement("div"), cm.display.lineSpace)
      cm.state.rulerDiv.className = "CodeMirror-rulers"
      drawRulers(cm)
      cm.on("refresh", drawRulers)
    }
  });
  function drawRulers(cm) {
    cm.state.rulerDiv.textContent = ""
    var val = cm.getOption("rulers");
    var cw = cm.defaultCharWidth();
    var left = cm.charCoords(CodeMirror.Pos(cm.firstLine(), 0), "div").left;
    cm.state.rulerDiv.style.minHeight = (cm.display.scroller.offsetHeight + 30) + "px";
    for (var i = 0; i < val.length; i++) {
      var elt = document.createElement("div");
      elt.className = "CodeMirror-ruler";
      var col, conf = val[i];
      if (typeof conf == "number") {
        col = conf;
      } else {
        col = conf.column;
        if (conf.className) elt.className += " " + conf.className;
        if (conf.color) elt.style.borderColor = conf.color;
        if (conf.lineStyle) elt.style.borderLeftStyle = conf.lineStyle;
        if (conf.width) elt.style.borderLeftWidth = conf.width;
      }
      elt.style.left = (left + col * cw) + "px";
      cm.state.rulerDiv.appendChild(elt)
    }
  }
 });
--- a/js/codemirror/addon/edit/closebrackets.js
+++ b/js/codemirror/addon/edit/closebrackets.js
@ -0,0 +1,201 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function(CodeMirror) {
  var defaults = {
    pairs: "()[]{}''\"\"",
    closeBefore: ")]}'\":;>",
    triples: "",
    explode: "[]{}"
  };
  var Pos = CodeMirror.Pos;
  CodeMirror.defineOption("autoCloseBrackets", false, function(cm, val, old) {
    if (old && old != CodeMirror.Init) {
      cm.removeKeyMap(keyMap);
      cm.state.closeBrackets = null;
    }
    if (val) {
      ensureBound(getOption(val, "pairs"))
      cm.state.closeBrackets = val;
      cm.addKeyMap(keyMap);
    }
  });
  function getOption(conf, name) {
    if (name == "pairs" && typeof conf == "string") return conf;
    if (typeof conf == "object" && conf[name] != null) return conf[name];
    return defaults[name];
  }
  var keyMap = {Backspace: handleBackspace, Enter: handleEnter};
  function ensureBound(chars) {
    for (var i = 0; i < chars.length; i++) {
      var ch = chars.charAt(i), key = "'" + ch + "'"
      if (!keyMap[key]) keyMap[key] = handler(ch)
    }
  }
  ensureBound(defaults.pairs + "`")
  function handler(ch) {
    return function(cm) { return handleChar(cm, ch); };
  }
  function getConfig(cm) {
    var deflt = cm.state.closeBrackets;
    if (!deflt || deflt.override) return deflt;
    var mode = cm.getModeAt(cm.getCursor());
    return mode.closeBrackets || deflt;
  }
  function handleBackspace(cm) {
    var conf = getConfig(cm);
    if (!conf || cm.getOption("disableInput")) return CodeMirror.Pass;
    var pairs = getOption(conf, "pairs");
    var ranges = cm.listSelections();
    for (var i = 0; i < ranges.length; i++) {
      if (!ranges[i].empty()) return CodeMirror.Pass;
      var around = charsAround(cm, ranges[i].head);
      if (!around || pairs.indexOf(around) % 2 != 0) return CodeMirror.Pass;
    }
    for (var i = ranges.length - 1; i >= 0; i--) {
      var cur = ranges[i].head;
      cm.replaceRange("", Pos(cur.line, cur.ch - 1), Pos(cur.line, cur.ch + 1), "+delete");
    }
  }
  function handleEnter(cm) {
    var conf = getConfig(cm);
    var explode = conf && getOption(conf, "explode");
    if (!explode || cm.getOption("disableInput")) return CodeMirror.Pass;
    var ranges = cm.listSelections();
    for (var i = 0; i < ranges.length; i++) {
      if (!ranges[i].empty()) return CodeMirror.Pass;
      var around = charsAround(cm, ranges[i].head);
      if (!around || explode.indexOf(around) % 2 != 0) return CodeMirror.Pass;
    }
    cm.operation(function() {
      var linesep = cm.lineSeparator() || "\n";
      cm.replaceSelection(linesep + linesep, null);
      moveSel(cm, -1)
      ranges = cm.listSelections();
      for (var i = 0; i < ranges.length; i++) {
        var line = ranges[i].head.line;
        cm.indentLine(line, null, true);
        cm.indentLine(line + 1, null, true);
      }
    });
  }
  function moveSel(cm, dir) {
    var newRanges = [], ranges = cm.listSelections(), primary = 0
    for (var i = 0; i < ranges.length; i++) {
      var range = ranges[i]
      if (range.head == cm.getCursor()) primary = i
      var pos = range.head.ch || dir > 0 ? {line: range.head.line, ch: range.head.ch + dir} : {line: range.head.line - 1}
      newRanges.push({anchor: pos, head: pos})
    }
    cm.setSelections(newRanges, primary)
  }
  function contractSelection(sel) {
    var inverted = CodeMirror.cmpPos(sel.anchor, sel.head) > 0;
    return {anchor: new Pos(sel.anchor.line, sel.anchor.ch + (inverted ? -1 : 1)),
            head: new Pos(sel.head.line, sel.head.ch + (inverted ? 1 : -1))};
  }
  function handleChar(cm, ch) {
    var conf = getConfig(cm);
    if (!conf || cm.getOption("disableInput")) return CodeMirror.Pass;
    var pairs = getOption(conf, "pairs");
    var pos = pairs.indexOf(ch);
    if (pos == -1) return CodeMirror.Pass;
    var closeBefore = getOption(conf,"closeBefore");
    var triples = getOption(conf, "triples");
    var identical = pairs.charAt(pos + 1) == ch;
    var ranges = cm.listSelections();
    var opening = pos % 2 == 0;
    var type;
    for (var i = 0; i < ranges.length; i++) {
      var range = ranges[i], cur = range.head, curType;
      var next = cm.getRange(cur, Pos(cur.line, cur.ch + 1));
      if (opening && !range.empty()) {
        curType = "surround";
      } else if ((identical || !opening) && next == ch) {
        if (identical && stringStartsAfter(cm, cur))
          curType = "both";
        else if (triples.indexOf(ch) >= 0 && cm.getRange(cur, Pos(cur.line, cur.ch + 3)) == ch + ch + ch)
          curType = "skipThree";
        else
          curType = "skip";
      } else if (identical && cur.ch > 1 && triples.indexOf(ch) >= 0 &&
                 cm.getRange(Pos(cur.line, cur.ch - 2), cur) == ch + ch) {
        if (cur.ch > 2 && /\bstring/.test(cm.getTokenTypeAt(Pos(cur.line, cur.ch - 2)))) return CodeMirror.Pass;
        curType = "addFour";
      } else if (identical) {
        var prev = cur.ch == 0 ? " " : cm.getRange(Pos(cur.line, cur.ch - 1), cur)
        if (!CodeMirror.isWordChar(next) && prev != ch && !CodeMirror.isWordChar(prev)) curType = "both";
        else return CodeMirror.Pass;
      } else if (opening && (next.length === 0 || /\s/.test(next) || closeBefore.indexOf(next) > -1)) {
        curType = "both";
      } else {
        return CodeMirror.Pass;
      }
      if (!type) type = curType;
      else if (type != curType) return CodeMirror.Pass;
    }
    var left = pos % 2 ? pairs.charAt(pos - 1) : ch;
    var right = pos % 2 ? ch : pairs.charAt(pos + 1);
    cm.operation(function() {
      if (type == "skip") {
        moveSel(cm, 1)
      } else if (type == "skipThree") {
        moveSel(cm, 3)
      } else if (type == "surround") {
        var sels = cm.getSelections();
        for (var i = 0; i < sels.length; i++)
          sels[i] = left + sels[i] + right;
        cm.replaceSelections(sels, "around");
        sels = cm.listSelections().slice();
        for (var i = 0; i < sels.length; i++)
          sels[i] = contractSelection(sels[i]);
        cm.setSelections(sels);
      } else if (type == "both") {
        cm.replaceSelection(left + right, null);
        cm.triggerElectric(left + right);
        moveSel(cm, -1)
      } else if (type == "addFour") {
        cm.replaceSelection(left + left + left + left, "before");
        moveSel(cm, 1)
      }
    });
  }
  function charsAround(cm, pos) {
    var str = cm.getRange(Pos(pos.line, pos.ch - 1),
                          Pos(pos.line, pos.ch + 1));
    return str.length == 2 ? str : null;
  }
  function stringStartsAfter(cm, pos) {
    var token = cm.getTokenAt(Pos(pos.line, pos.ch + 1))
    return /\bstring/.test(token.type) && token.start == pos.ch &&
      (pos.ch == 0 || !/\bstring/.test(cm.getTokenTypeAt(pos)))
  }
 });
--- a/js/codemirror/addon/edit/closetag.js
+++ b/js/codemirror/addon/edit/closetag.js
@ -0,0 +1,185 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 /**
 * Tag-closer extension for CodeMirror.
 *
 * This extension adds an "autoCloseTags" option that can be set to
 * either true to get the default behavior, or an object to further
 * configure its behavior.
 *
 * These are supported options:
 *
 * `whenClosing` (default true)
 *   Whether to autoclose when the '/' of a closing tag is typed.
 * `whenOpening` (default true)
 *   Whether to autoclose the tag when the final '>' of an opening
 *   tag is typed.
 * `dontCloseTags` (default is empty tags for HTML, none for XML)
 *   An array of tag names that should not be autoclosed.
 * `indentTags` (default is block tags for HTML, none for XML)
 *   An array of tag names that should, when opened, cause a
 *   blank line to be added inside the tag, and the blank line and
 *   closing line to be indented.
 * `emptyTags` (default is none)
 *   An array of XML tag names that should be autoclosed with '/>'.
 *
 * See demos/closetag.html for a usage example.
 */
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"), require("../fold/xml-fold"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror", "../fold/xml-fold"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function(CodeMirror) {
  CodeMirror.defineOption("autoCloseTags", false, function(cm, val, old) {
    if (old != CodeMirror.Init && old)
      cm.removeKeyMap("autoCloseTags");
    if (!val) return;
    var map = {name: "autoCloseTags"};
    if (typeof val != "object" || val.whenClosing !== false)
      map["'/'"] = function(cm) { return autoCloseSlash(cm); };
    if (typeof val != "object" || val.whenOpening !== false)
      map["'>'"] = function(cm) { return autoCloseGT(cm); };
    cm.addKeyMap(map);
  });
  var htmlDontClose = ["area", "base", "br", "col", "command", "embed", "hr", "img", "input", "keygen", "link", "meta", "param",
                       "source", "track", "wbr"];
  var htmlIndent = ["applet", "blockquote", "body", "button", "div", "dl", "fieldset", "form", "frameset", "h1", "h2", "h3", "h4",
                    "h5", "h6", "head", "html", "iframe", "layer", "legend", "object", "ol", "p", "select", "table", "ul"];
  function autoCloseGT(cm) {
    if (cm.getOption("disableInput")) return CodeMirror.Pass;
    var ranges = cm.listSelections(), replacements = [];
    var opt = cm.getOption("autoCloseTags");
    for (var i = 0; i < ranges.length; i++) {
      if (!ranges[i].empty()) return CodeMirror.Pass;
      var pos = ranges[i].head, tok = cm.getTokenAt(pos);
      var inner = CodeMirror.innerMode(cm.getMode(), tok.state), state = inner.state;
      var tagInfo = inner.mode.xmlCurrentTag && inner.mode.xmlCurrentTag(state)
      var tagName = tagInfo && tagInfo.name
      if (!tagName) return CodeMirror.Pass
      var html = inner.mode.configuration == "html";
      var dontCloseTags = (typeof opt == "object" && opt.dontCloseTags) || (html && htmlDontClose);
      var indentTags = (typeof opt == "object" && opt.indentTags) || (html && htmlIndent);
      if (tok.end > pos.ch) tagName = tagName.slice(0, tagName.length - tok.end + pos.ch);
      var lowerTagName = tagName.toLowerCase();
      // Don't process the '>' at the end of an end-tag or self-closing tag
      if (!tagName ||
          tok.type == "string" && (tok.end != pos.ch || !/[\"\']/.test(tok.string.charAt(tok.string.length - 1)) || tok.string.length == 1) ||
          tok.type == "tag" && tagInfo.close ||
          tok.string.indexOf("/") == (pos.ch - tok.start - 1) || // match something like <someTagName />
          dontCloseTags && indexOf(dontCloseTags, lowerTagName) > -1 ||
          closingTagExists(cm, inner.mode.xmlCurrentContext && inner.mode.xmlCurrentContext(state) || [], tagName, pos, true))
        return CodeMirror.Pass;
      var emptyTags = typeof opt == "object" && opt.emptyTags;
      if (emptyTags && indexOf(emptyTags, tagName) > -1) {
        replacements[i] = { text: "/>", newPos: CodeMirror.Pos(pos.line, pos.ch + 2) };
        continue;
      }
      var indent = indentTags && indexOf(indentTags, lowerTagName) > -1;
      replacements[i] = {indent: indent,
                         text: ">" + (indent ? "\n\n" : "") + "</" + tagName + ">",
                         newPos: indent ? CodeMirror.Pos(pos.line + 1, 0) : CodeMirror.Pos(pos.line, pos.ch + 1)};
    }
    var dontIndentOnAutoClose = (typeof opt == "object" && opt.dontIndentOnAutoClose);
    for (var i = ranges.length - 1; i >= 0; i--) {
      var info = replacements[i];
      cm.replaceRange(info.text, ranges[i].head, ranges[i].anchor, "+insert");
      var sel = cm.listSelections().slice(0);
      sel[i] = {head: info.newPos, anchor: info.newPos};
      cm.setSelections(sel);
      if (!dontIndentOnAutoClose && info.indent) {
        cm.indentLine(info.newPos.line, null, true);
        cm.indentLine(info.newPos.line + 1, null, true);
      }
    }
  }
  function autoCloseCurrent(cm, typingSlash) {
    var ranges = cm.listSelections(), replacements = [];
    var head = typingSlash ? "/" : "</";
    var opt = cm.getOption("autoCloseTags");
    var dontIndentOnAutoClose = (typeof opt == "object" && opt.dontIndentOnSlash);
    for (var i = 0; i < ranges.length; i++) {
      if (!ranges[i].empty()) return CodeMirror.Pass;
      var pos = ranges[i].head, tok = cm.getTokenAt(pos);
      var inner = CodeMirror.innerMode(cm.getMode(), tok.state), state = inner.state;
      if (typingSlash && (tok.type == "string" || tok.string.charAt(0) != "<" ||
                          tok.start != pos.ch - 1))
        return CodeMirror.Pass;
      // Kludge to get around the fact that we are not in XML mode
      // when completing in JS/CSS snippet in htmlmixed mode. Does not
      // work for other XML embedded languages (there is no general
      // way to go from a mixed mode to its current XML state).
      var replacement, mixed = inner.mode.name != "xml" && cm.getMode().name == "htmlmixed"
      if (mixed && inner.mode.name == "javascript") {
        replacement = head + "script";
      } else if (mixed && inner.mode.name == "css") {
        replacement = head + "style";
      } else {
        var context = inner.mode.xmlCurrentContext && inner.mode.xmlCurrentContext(state)
        var top = context.length ? context[context.length - 1] : ""
        if (!context || (context.length && closingTagExists(cm, context, top, pos)))
          return CodeMirror.Pass;
        replacement = head + top
      }
      if (cm.getLine(pos.line).charAt(tok.end) != ">") replacement += ">";
      replacements[i] = replacement;
    }
    cm.replaceSelections(replacements);
    ranges = cm.listSelections();
    if (!dontIndentOnAutoClose) {
        for (var i = 0; i < ranges.length; i++)
            if (i == ranges.length - 1 || ranges[i].head.line < ranges[i + 1].head.line)
                cm.indentLine(ranges[i].head.line);
    }
  }
  function autoCloseSlash(cm) {
    if (cm.getOption("disableInput")) return CodeMirror.Pass;
    return autoCloseCurrent(cm, true);
  }
  CodeMirror.commands.closeTag = function(cm) { return autoCloseCurrent(cm); };
  function indexOf(collection, elt) {
    if (collection.indexOf) return collection.indexOf(elt);
    for (var i = 0, e = collection.length; i < e; ++i)
      if (collection[i] == elt) return i;
    return -1;
  }
  // If xml-fold is loaded, we use its functionality to try and verify
  // whether a given tag is actually unclosed.
  function closingTagExists(cm, context, tagName, pos, newTag) {
    if (!CodeMirror.scanForClosingTag) return false;
    var end = Math.min(cm.lastLine() + 1, pos.line + 500);
    var nextClose = CodeMirror.scanForClosingTag(cm, pos, null, end);
    if (!nextClose || nextClose.tag != tagName) return false;
    // If the immediate wrapping context contains onCx instances of
    // the same tag, a closing tag only exists if there are at least
    // that many closing tags of that type following.
    var onCx = newTag ? 1 : 0
    for (var i = context.length - 1; i >= 0; i--) {
      if (context[i] == tagName) ++onCx
      else break
    }
    pos = nextClose.to;
    for (var i = 1; i < onCx; i++) {
      var next = CodeMirror.scanForClosingTag(cm, pos, null, end);
      if (!next || next.tag != tagName) return false;
      pos = next.to;
    }
    return true;
  }
 });
--- a/js/codemirror/addon/edit/continuelist.js
+++ b/js/codemirror/addon/edit/continuelist.js
@ -0,0 +1,101 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function(CodeMirror) {
  "use strict";
  var listRE = /^(\s*)(>[> ]*|[*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]))(\s*)/,
      emptyListRE = /^(\s*)(>[> ]*|[*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/,
      unorderedListRE = /[*+-]\s/;
  CodeMirror.commands.newlineAndIndentContinueMarkdownList = function(cm) {
    if (cm.getOption("disableInput")) return CodeMirror.Pass;
    var ranges = cm.listSelections(), replacements = [];
    for (var i = 0; i < ranges.length; i++) {
      var pos = ranges[i].head;
      // If we're not in Markdown mode, fall back to normal newlineAndIndent
      var eolState = cm.getStateAfter(pos.line);
      var inner = CodeMirror.innerMode(cm.getMode(), eolState);
      if (inner.mode.name !== "markdown") {
        cm.execCommand("newlineAndIndent");
        return;
      } else {
        eolState = inner.state;
      }
      var inList = eolState.list !== false;
      var inQuote = eolState.quote !== 0;
      var line = cm.getLine(pos.line), match = listRE.exec(line);
      var cursorBeforeBullet = /^\s*$/.test(line.slice(0, pos.ch));
      if (!ranges[i].empty() || (!inList && !inQuote) || !match || cursorBeforeBullet) {
        cm.execCommand("newlineAndIndent");
        return;
      }
      if (emptyListRE.test(line)) {
        var endOfQuote = inQuote && />\s*$/.test(line)
        var endOfList = !/>\s*$/.test(line)
        if (endOfQuote || endOfList) cm.replaceRange("", {
          line: pos.line, ch: 0
        }, {
          line: pos.line, ch: pos.ch + 1
        });
        replacements[i] = "\n";
      } else {
        var indent = match[1], after = match[5];
        var numbered = !(unorderedListRE.test(match[2]) || match[2].indexOf(">") >= 0);
        var bullet = numbered ? (parseInt(match[3], 10) + 1) + match[4] : match[2].replace("x", " ");
        replacements[i] = "\n" + indent + bullet + after;
        if (numbered) incrementRemainingMarkdownListNumbers(cm, pos);
      }
    }
    cm.replaceSelections(replacements);
  };
  // Auto-updating Markdown list numbers when a new item is added to the
  // middle of a list
  function incrementRemainingMarkdownListNumbers(cm, pos) {
    var startLine = pos.line, lookAhead = 0, skipCount = 0;
    var startItem = listRE.exec(cm.getLine(startLine)), startIndent = startItem[1];
    do {
      lookAhead += 1;
      var nextLineNumber = startLine + lookAhead;
      var nextLine = cm.getLine(nextLineNumber), nextItem = listRE.exec(nextLine);
      if (nextItem) {
        var nextIndent = nextItem[1];
        var newNumber = (parseInt(startItem[3], 10) + lookAhead - skipCount);
        var nextNumber = (parseInt(nextItem[3], 10)), itemNumber = nextNumber;
        if (startIndent === nextIndent && !isNaN(nextNumber)) {
          if (newNumber === nextNumber) itemNumber = nextNumber + 1;
          if (newNumber > nextNumber) itemNumber = newNumber + 1;
          cm.replaceRange(
            nextLine.replace(listRE, nextIndent + itemNumber + nextItem[4] + nextItem[5]),
          {
            line: nextLineNumber, ch: 0
          }, {
            line: nextLineNumber, ch: nextLine.length
          });
        } else {
          if (startIndent.length > nextIndent.length) return;
          // This doesn't run if the next line immediately indents, as it is
          // not clear of the users intention (new indented item or same level)
          if ((startIndent.length < nextIndent.length) && (lookAhead === 1)) return;
          skipCount += 1;
        }
      }
    } while (nextItem);
  }
 });
--- a/js/codemirror/addon/edit/matchbrackets.js
+++ b/js/codemirror/addon/edit/matchbrackets.js
@ -0,0 +1,160 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function(CodeMirror) {
  var ie_lt8 = /MSIE \d/.test(navigator.userAgent) &&
    (document.documentMode == null || document.documentMode < 8);
  var Pos = CodeMirror.Pos;
  var matching = {"(": ")>", ")": "(<", "[": "]>", "]": "[<", "{": "}>", "}": "{<", "<": ">>", ">": "<<"};
  function bracketRegex(config) {
    return config && config.bracketRegex || /[(){}[\]]/
  }
  function findMatchingBracket(cm, where, config) {
    var line = cm.getLineHandle(where.line), pos = where.ch - 1;
    var afterCursor = config && config.afterCursor
    if (afterCursor == null)
      afterCursor = /(^| )cm-fat-cursor($| )/.test(cm.getWrapperElement().className)
    var re = bracketRegex(config)
    // A cursor is defined as between two characters, but in in vim command mode
    // (i.e. not insert mode), the cursor is visually represented as a
    // highlighted box on top of the 2nd character. Otherwise, we allow matches
    // from before or after the cursor.
    var match = (!afterCursor && pos >= 0 && re.test(line.text.charAt(pos)) && matching[line.text.charAt(pos)]) ||
        re.test(line.text.charAt(pos + 1)) && matching[line.text.charAt(++pos)];
    if (!match) return null;
    var dir = match.charAt(1) == ">" ? 1 : -1;
    if (config && config.strict && (dir > 0) != (pos == where.ch)) return null;
    var style = cm.getTokenTypeAt(Pos(where.line, pos + 1));
    var found = scanForBracket(cm, Pos(where.line, pos + (dir > 0 ? 1 : 0)), dir, style, config);
    if (found == null) return null;
    return {from: Pos(where.line, pos), to: found && found.pos,
            match: found && found.ch == match.charAt(0), forward: dir > 0};
  }
  // bracketRegex is used to specify which type of bracket to scan
  // should be a regexp, e.g. /[[\]]/
  //
  // Note: If "where" is on an open bracket, then this bracket is ignored.
  //
  // Returns false when no bracket was found, null when it reached
  // maxScanLines and gave up
  function scanForBracket(cm, where, dir, style, config) {
    var maxScanLen = (config && config.maxScanLineLength) || 10000;
    var maxScanLines = (config && config.maxScanLines) || 1000;
    var stack = [];
    var re = bracketRegex(config)
    var lineEnd = dir > 0 ? Math.min(where.line + maxScanLines, cm.lastLine() + 1)
                          : Math.max(cm.firstLine() - 1, where.line - maxScanLines);
    for (var lineNo = where.line; lineNo != lineEnd; lineNo += dir) {
      var line = cm.getLine(lineNo);
      if (!line) continue;
      var pos = dir > 0 ? 0 : line.length - 1, end = dir > 0 ? line.length : -1;
      if (line.length > maxScanLen) continue;
      if (lineNo == where.line) pos = where.ch - (dir < 0 ? 1 : 0);
      for (; pos != end; pos += dir) {
        var ch = line.charAt(pos);
        if (re.test(ch) && (style === undefined ||
                            (cm.getTokenTypeAt(Pos(lineNo, pos + 1)) || "") == (style || ""))) {
          var match = matching[ch];
          if (match && (match.charAt(1) == ">") == (dir > 0)) stack.push(ch);
          else if (!stack.length) return {pos: Pos(lineNo, pos), ch: ch};
          else stack.pop();
        }
      }
    }
    return lineNo - dir == (dir > 0 ? cm.lastLine() : cm.firstLine()) ? false : null;
  }
  function matchBrackets(cm, autoclear, config) {
    // Disable brace matching in long lines, since it'll cause hugely slow updates
    var maxHighlightLen = cm.state.matchBrackets.maxHighlightLineLength || 1000,
      highlightNonMatching = config && config.highlightNonMatching;
    var marks = [], ranges = cm.listSelections();
    for (var i = 0; i < ranges.length; i++) {
      var match = ranges[i].empty() && findMatchingBracket(cm, ranges[i].head, config);
      if (match && (match.match || highlightNonMatching !== false) && cm.getLine(match.from.line).length <= maxHighlightLen) {
        var style = match.match ? "CodeMirror-matchingbracket" : "CodeMirror-nonmatchingbracket";
        marks.push(cm.markText(match.from, Pos(match.from.line, match.from.ch + 1), {className: style}));
        if (match.to && cm.getLine(match.to.line).length <= maxHighlightLen)
          marks.push(cm.markText(match.to, Pos(match.to.line, match.to.ch + 1), {className: style}));
      }
    }
    if (marks.length) {
      // Kludge to work around the IE bug from issue #1193, where text
      // input stops going to the textarea whenever this fires.
      if (ie_lt8 && cm.state.focused) cm.focus();
      var clear = function() {
        cm.operation(function() {
          for (var i = 0; i < marks.length; i++) marks[i].clear();
        });
      };
      if (autoclear) setTimeout(clear, 800);
      else return clear;
    }
  }
  function doMatchBrackets(cm) {
    cm.operation(function() {
      if (cm.state.matchBrackets.currentlyHighlighted) {
        cm.state.matchBrackets.currentlyHighlighted();
        cm.state.matchBrackets.currentlyHighlighted = null;
      }
      cm.state.matchBrackets.currentlyHighlighted = matchBrackets(cm, false, cm.state.matchBrackets);
    });
  }
  function clearHighlighted(cm) {
    if (cm.state.matchBrackets && cm.state.matchBrackets.currentlyHighlighted) {
      cm.state.matchBrackets.currentlyHighlighted();
      cm.state.matchBrackets.currentlyHighlighted = null;
    }
  }
  CodeMirror.defineOption("matchBrackets", false, function(cm, val, old) {
    if (old && old != CodeMirror.Init) {
      cm.off("cursorActivity", doMatchBrackets);
      cm.off("focus", doMatchBrackets)
      cm.off("blur", clearHighlighted)
      clearHighlighted(cm);
    }
    if (val) {
      cm.state.matchBrackets = typeof val == "object" ? val : {};
      cm.on("cursorActivity", doMatchBrackets);
      cm.on("focus", doMatchBrackets)
      cm.on("blur", clearHighlighted)
    }
  });
  CodeMirror.defineExtension("matchBrackets", function() {matchBrackets(this, true);});
  CodeMirror.defineExtension("findMatchingBracket", function(pos, config, oldConfig){
    // Backwards-compatibility kludge
    if (oldConfig || typeof config == "boolean") {
      if (!oldConfig) {
        config = config ? {strict: true} : null
      } else {
        oldConfig.strict = config
        config = oldConfig
      }
    }
    return findMatchingBracket(this, pos, config)
  });
  CodeMirror.defineExtension("scanForBracket", function(pos, dir, style, config){
    return scanForBracket(this, pos, dir, style, config);
  });
 });
--- a/js/codemirror/addon/edit/matchtags.js
+++ b/js/codemirror/addon/edit/matchtags.js
@ -0,0 +1,66 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"), require("../fold/xml-fold"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror", "../fold/xml-fold"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function(CodeMirror) {
  "use strict";
  CodeMirror.defineOption("matchTags", false, function(cm, val, old) {
    if (old && old != CodeMirror.Init) {
      cm.off("cursorActivity", doMatchTags);
      cm.off("viewportChange", maybeUpdateMatch);
      clear(cm);
    }
    if (val) {
      cm.state.matchBothTags = typeof val == "object" && val.bothTags;
      cm.on("cursorActivity", doMatchTags);
      cm.on("viewportChange", maybeUpdateMatch);
      doMatchTags(cm);
    }
  });
  function clear(cm) {
    if (cm.state.tagHit) cm.state.tagHit.clear();
    if (cm.state.tagOther) cm.state.tagOther.clear();
    cm.state.tagHit = cm.state.tagOther = null;
  }
  function doMatchTags(cm) {
    cm.state.failedTagMatch = false;
    cm.operation(function() {
      clear(cm);
      if (cm.somethingSelected()) return;
      var cur = cm.getCursor(), range = cm.getViewport();
      range.from = Math.min(range.from, cur.line); range.to = Math.max(cur.line + 1, range.to);
      var match = CodeMirror.findMatchingTag(cm, cur, range);
      if (!match) return;
      if (cm.state.matchBothTags) {
        var hit = match.at == "open" ? match.open : match.close;
        if (hit) cm.state.tagHit = cm.markText(hit.from, hit.to, {className: "CodeMirror-matchingtag"});
      }
      var other = match.at == "close" ? match.open : match.close;
      if (other)
        cm.state.tagOther = cm.markText(other.from, other.to, {className: "CodeMirror-matchingtag"});
      else
        cm.state.failedTagMatch = true;
    });
  }
  function maybeUpdateMatch(cm) {
    if (cm.state.failedTagMatch) doMatchTags(cm);
  }
  CodeMirror.commands.toMatchingTag = function(cm) {
    var found = CodeMirror.findMatchingTag(cm, cm.getCursor());
    if (found) {
      var other = found.at == "close" ? found.open : found.close;
      if (other) cm.extendSelection(other.to, other.from);
    }
  };
 });
--- a/js/codemirror/addon/edit/trailingspace.js
+++ b/js/codemirror/addon/edit/trailingspace.js
@ -0,0 +1,27 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function(CodeMirror) {
  CodeMirror.defineOption("showTrailingSpace", false, function(cm, val, prev) {
    if (prev == CodeMirror.Init) prev = false;
    if (prev && !val)
      cm.removeOverlay("trailingspace");
    else if (!prev && val)
      cm.addOverlay({
        token: function(stream) {
          for (var l = stream.string.length, i = l; i && /\s/.test(stream.string.charAt(i - 1)); --i) {}
          if (i > stream.pos) { stream.pos = i; return null; }
          stream.pos = l;
          return "trailingspace";
        },
        name: "trailingspace"
      });
  });
 });
--- a/js/codemirror/addon/fold/brace-fold.js
+++ b/js/codemirror/addon/fold/brace-fold.js
@ -0,0 +1,108 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function(CodeMirror) {
 "use strict";
 CodeMirror.registerHelper("fold", "brace", function(cm, start) {
  var line = start.line, lineText = cm.getLine(line);
  var tokenType;
  function findOpening(openCh) {
    for (var at = start.ch, pass = 0;;) {
      var found = at <= 0 ? -1 : lineText.lastIndexOf(openCh, at - 1);
      if (found == -1) {
        if (pass == 1) break;
        pass = 1;
        at = lineText.length;
        continue;
      }
      if (pass == 1 && found < start.ch) break;
      tokenType = cm.getTokenTypeAt(CodeMirror.Pos(line, found + 1));
      if (!/^(comment|string)/.test(tokenType)) return found + 1;
      at = found - 1;
    }
  }
  var startBrace = findOpening("{"), startBracket = findOpening("[")
  var startToken, endToken, startCh
  if (startBrace != null && (startBracket == null || startBracket > startBrace)) {
    startCh = startBrace; startToken = "{"; endToken = "}"
  } else if (startBracket != null) {
    startCh = startBracket; startToken = "["; endToken = "]"
  } else {
    return
  }
  var count = 1, lastLine = cm.lastLine(), end, endCh;
  outer: for (var i = line; i <= lastLine; ++i) {
    var text = cm.getLine(i), pos = i == line ? startCh : 0;
    for (;;) {
      var nextOpen = text.indexOf(startToken, pos), nextClose = text.indexOf(endToken, pos);
      if (nextOpen < 0) nextOpen = text.length;
      if (nextClose < 0) nextClose = text.length;
      pos = Math.min(nextOpen, nextClose);
      if (pos == text.length) break;
      if (cm.getTokenTypeAt(CodeMirror.Pos(i, pos + 1)) == tokenType) {
        if (pos == nextOpen) ++count;
        else if (!--count) { end = i; endCh = pos; break outer; }
      }
      ++pos;
    }
  }
  if (end == null || line == end) return;
  return {from: CodeMirror.Pos(line, startCh),
          to: CodeMirror.Pos(end, endCh)};
 });
 CodeMirror.registerHelper("fold", "import", function(cm, start) {
  function hasImport(line) {
    if (line < cm.firstLine() || line > cm.lastLine()) return null;
    var start = cm.getTokenAt(CodeMirror.Pos(line, 1));
    if (!/\S/.test(start.string)) start = cm.getTokenAt(CodeMirror.Pos(line, start.end + 1));
    if (start.type != "keyword" || start.string != "import") return null;
    // Now find closing semicolon, return its position
    for (var i = line, e = Math.min(cm.lastLine(), line + 10); i <= e; ++i) {
      var text = cm.getLine(i), semi = text.indexOf(";");
      if (semi != -1) return {startCh: start.end, end: CodeMirror.Pos(i, semi)};
    }
  }
  var startLine = start.line, has = hasImport(startLine), prev;
  if (!has || hasImport(startLine - 1) || ((prev = hasImport(startLine - 2)) && prev.end.line == startLine - 1))
    return null;
  for (var end = has.end;;) {
    var next = hasImport(end.line + 1);
    if (next == null) break;
    end = next.end;
  }
  return {from: cm.clipPos(CodeMirror.Pos(startLine, has.startCh + 1)), to: end};
 });
 CodeMirror.registerHelper("fold", "include", function(cm, start) {
  function hasInclude(line) {
    if (line < cm.firstLine() || line > cm.lastLine()) return null;
    var start = cm.getTokenAt(CodeMirror.Pos(line, 1));
    if (!/\S/.test(start.string)) start = cm.getTokenAt(CodeMirror.Pos(line, start.end + 1));
    if (start.type == "meta" && start.string.slice(0, 8) == "#include") return start.start + 8;
  }
  var startLine = start.line, has = hasInclude(startLine);
  if (has == null || hasInclude(startLine - 1) != null) return null;
  for (var end = startLine;;) {
    var next = hasInclude(end + 1);
    if (next == null) break;
    ++end;
  }
  return {from: CodeMirror.Pos(startLine, has + 1),
          to: cm.clipPos(CodeMirror.Pos(end))};
 });
 });
--- a/js/codemirror/addon/fold/comment-fold.js
+++ b/js/codemirror/addon/fold/comment-fold.js
@ -0,0 +1,59 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function(CodeMirror) {
 "use strict";
 CodeMirror.registerGlobalHelper("fold", "comment", function(mode) {
  return mode.blockCommentStart && mode.blockCommentEnd;
 }, function(cm, start) {
  var mode = cm.getModeAt(start), startToken = mode.blockCommentStart, endToken = mode.blockCommentEnd;
  if (!startToken || !endToken) return;
  var line = start.line, lineText = cm.getLine(line);
  var startCh;
  for (var at = start.ch, pass = 0;;) {
    var found = at <= 0 ? -1 : lineText.lastIndexOf(startToken, at - 1);
    if (found == -1) {
      if (pass == 1) return;
      pass = 1;
      at = lineText.length;
      continue;
    }
    if (pass == 1 && found < start.ch) return;
    if (/comment/.test(cm.getTokenTypeAt(CodeMirror.Pos(line, found + 1))) &&
        (found == 0 || lineText.slice(found - endToken.length, found) == endToken ||
         !/comment/.test(cm.getTokenTypeAt(CodeMirror.Pos(line, found))))) {
      startCh = found + startToken.length;
      break;
    }
    at = found - 1;
  }
  var depth = 1, lastLine = cm.lastLine(), end, endCh;
  outer: for (var i = line; i <= lastLine; ++i) {
    var text = cm.getLine(i), pos = i == line ? startCh : 0;
    for (;;) {
      var nextOpen = text.indexOf(startToken, pos), nextClose = text.indexOf(endToken, pos);
      if (nextOpen < 0) nextOpen = text.length;
      if (nextClose < 0) nextClose = text.length;
      pos = Math.min(nextOpen, nextClose);
      if (pos == text.length) break;
      if (pos == nextOpen) ++depth;
      else if (!--depth) { end = i; endCh = pos; break outer; }
      ++pos;
    }
  }
  if (end == null || line == end && endCh == startCh) return;
  return {from: CodeMirror.Pos(line, startCh),
          to: CodeMirror.Pos(end, endCh)};
 });
 });
--- a/js/codemirror/addon/fold/foldcode.js
+++ b/js/codemirror/addon/fold/foldcode.js
@ -0,0 +1,159 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function(CodeMirror) {
  "use strict";
  function doFold(cm, pos, options, force) {
    if (options && options.call) {
      var finder = options;
      options = null;
    } else {
      var finder = getOption(cm, options, "rangeFinder");
    }
    if (typeof pos == "number") pos = CodeMirror.Pos(pos, 0);
    var minSize = getOption(cm, options, "minFoldSize");
    function getRange(allowFolded) {
      var range = finder(cm, pos);
      if (!range || range.to.line - range.from.line < minSize) return null;
      if (force === "fold") return range;
      var marks = cm.findMarksAt(range.from);
      for (var i = 0; i < marks.length; ++i) {
        if (marks[i].__isFold) {
          if (!allowFolded) return null;
          range.cleared = true;
          marks[i].clear();
        }
      }
      return range;
    }
    var range = getRange(true);
    if (getOption(cm, options, "scanUp")) while (!range && pos.line > cm.firstLine()) {
      pos = CodeMirror.Pos(pos.line - 1, 0);
      range = getRange(false);
    }
    if (!range || range.cleared || force === "unfold") return;
    var myWidget = makeWidget(cm, options, range);
    CodeMirror.on(myWidget, "mousedown", function(e) {
      myRange.clear();
      CodeMirror.e_preventDefault(e);
    });
    var myRange = cm.markText(range.from, range.to, {
      replacedWith: myWidget,
      clearOnEnter: getOption(cm, options, "clearOnEnter"),
      __isFold: true
    });
    myRange.on("clear", function(from, to) {
      CodeMirror.signal(cm, "unfold", cm, from, to);
    });
    CodeMirror.signal(cm, "fold", cm, range.from, range.to);
  }
  function makeWidget(cm, options, range) {
    var widget = getOption(cm, options, "widget");
    if (typeof widget == "function") {
      widget = widget(range.from, range.to);
    }
    if (typeof widget == "string") {
      var text = document.createTextNode(widget);
      widget = document.createElement("span");
      widget.appendChild(text);
      widget.className = "CodeMirror-foldmarker";
    } else if (widget) {
      widget = widget.cloneNode(true)
    }
    return widget;
  }
  // Clumsy backwards-compatible interface
  CodeMirror.newFoldFunction = function(rangeFinder, widget) {
    return function(cm, pos) { doFold(cm, pos, {rangeFinder: rangeFinder, widget: widget}); };
  };
  // New-style interface
  CodeMirror.defineExtension("foldCode", function(pos, options, force) {
    doFold(this, pos, options, force);
  });
  CodeMirror.defineExtension("isFolded", function(pos) {
    var marks = this.findMarksAt(pos);
    for (var i = 0; i < marks.length; ++i)
      if (marks[i].__isFold) return true;
  });
  CodeMirror.commands.toggleFold = function(cm) {
    cm.foldCode(cm.getCursor());
  };
  CodeMirror.commands.fold = function(cm) {
    cm.foldCode(cm.getCursor(), null, "fold");
  };
  CodeMirror.commands.unfold = function(cm) {
    cm.foldCode(cm.getCursor(), { scanUp: false }, "unfold");
  };
  CodeMirror.commands.foldAll = function(cm) {
    cm.operation(function() {
      for (var i = cm.firstLine(), e = cm.lastLine(); i <= e; i++)
        cm.foldCode(CodeMirror.Pos(i, 0), { scanUp: false }, "fold");
    });
  };
  CodeMirror.commands.unfoldAll = function(cm) {
    cm.operation(function() {
      for (var i = cm.firstLine(), e = cm.lastLine(); i <= e; i++)
        cm.foldCode(CodeMirror.Pos(i, 0), { scanUp: false }, "unfold");
    });
  };
  CodeMirror.registerHelper("fold", "combine", function() {
    var funcs = Array.prototype.slice.call(arguments, 0);
    return function(cm, start) {
      for (var i = 0; i < funcs.length; ++i) {
        var found = funcs[i](cm, start);
        if (found) return found;
      }
    };
  });
  CodeMirror.registerHelper("fold", "auto", function(cm, start) {
    var helpers = cm.getHelpers(start, "fold");
    for (var i = 0; i < helpers.length; i++) {
      var cur = helpers[i](cm, start);
      if (cur) return cur;
    }
  });
  var defaultOptions = {
    rangeFinder: CodeMirror.fold.auto,
    widget: "\u2194",
    minFoldSize: 0,
    scanUp: false,
    clearOnEnter: true
  };
  CodeMirror.defineOption("foldOptions", null);
  function getOption(cm, options, name) {
    if (options && options[name] !== undefined)
      return options[name];
    var editorOptions = cm.options.foldOptions;
    if (editorOptions && editorOptions[name] !== undefined)
      return editorOptions[name];
    return defaultOptions[name];
  }
  CodeMirror.defineExtension("foldOption", function(options, name) {
    return getOption(this, options, name);
  });
 });
--- a/js/codemirror/addon/fold/foldgutter.css
+++ b/js/codemirror/addon/fold/foldgutter.css
@ -0,0 +1,20 @@
 .CodeMirror-foldmarker {
  color: blue;
  text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
  font-family: arial;
  line-height: .3;
  cursor: pointer;
 }
 .CodeMirror-foldgutter {
  width: .7em;
 }
 .CodeMirror-foldgutter-open,
 .CodeMirror-foldgutter-folded {
  cursor: pointer;
 }
 .CodeMirror-foldgutter-open:after {
  content: "\25BE";
 }
 .CodeMirror-foldgutter-folded:after {
  content: "\25B8";
 }
--- a/js/codemirror/addon/fold/foldgutter.js
+++ b/js/codemirror/addon/fold/foldgutter.js
@ -0,0 +1,163 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"), require("./foldcode"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror", "./foldcode"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function(CodeMirror) {
  "use strict";
  CodeMirror.defineOption("foldGutter", false, function(cm, val, old) {
    if (old && old != CodeMirror.Init) {
      cm.clearGutter(cm.state.foldGutter.options.gutter);
      cm.state.foldGutter = null;
      cm.off("gutterClick", onGutterClick);
      cm.off("changes", onChange);
      cm.off("viewportChange", onViewportChange);
      cm.off("fold", onFold);
      cm.off("unfold", onFold);
      cm.off("swapDoc", onChange);
    }
    if (val) {
      cm.state.foldGutter = new State(parseOptions(val));
      updateInViewport(cm);
      cm.on("gutterClick", onGutterClick);
      cm.on("changes", onChange);
      cm.on("viewportChange", onViewportChange);
      cm.on("fold", onFold);
      cm.on("unfold", onFold);
      cm.on("swapDoc", onChange);
    }
  });
  var Pos = CodeMirror.Pos;
  function State(options) {
    this.options = options;
    this.from = this.to = 0;
  }
  function parseOptions(opts) {
    if (opts === true) opts = {};
    if (opts.gutter == null) opts.gutter = "CodeMirror-foldgutter";
    if (opts.indicatorOpen == null) opts.indicatorOpen = "CodeMirror-foldgutter-open";
    if (opts.indicatorFolded == null) opts.indicatorFolded = "CodeMirror-foldgutter-folded";
    return opts;
  }
  function isFolded(cm, line) {
    var marks = cm.findMarks(Pos(line, 0), Pos(line + 1, 0));
    for (var i = 0; i < marks.length; ++i) {
      if (marks[i].__isFold) {
        var fromPos = marks[i].find(-1);
        if (fromPos && fromPos.line === line)
          return marks[i];
      }
    }
  }
  function marker(spec) {
    if (typeof spec == "string") {
      var elt = document.createElement("div");
      elt.className = spec + " CodeMirror-guttermarker-subtle";
      return elt;
    } else {
      return spec.cloneNode(true);
    }
  }
  function updateFoldInfo(cm, from, to) {
    var opts = cm.state.foldGutter.options, cur = from - 1;
    var minSize = cm.foldOption(opts, "minFoldSize");
    var func = cm.foldOption(opts, "rangeFinder");
    // we can reuse the built-in indicator element if its className matches the new state
    var clsFolded = typeof opts.indicatorFolded == "string" && classTest(opts.indicatorFolded);
    var clsOpen = typeof opts.indicatorOpen == "string" && classTest(opts.indicatorOpen);
    cm.eachLine(from, to, function(line) {
      ++cur;
      var mark = null;
      var old = line.gutterMarkers;
      if (old) old = old[opts.gutter];
      if (isFolded(cm, cur)) {
        if (clsFolded && old && clsFolded.test(old.className)) return;
        mark = marker(opts.indicatorFolded);
      } else {
        var pos = Pos(cur, 0);
        var range = func && func(cm, pos);
        if (range && range.to.line - range.from.line >= minSize) {
          if (clsOpen && old && clsOpen.test(old.className)) return;
          mark = marker(opts.indicatorOpen);
        }
      }
      if (!mark && !old) return;
      cm.setGutterMarker(line, opts.gutter, mark);
    });
  }
  // copied from CodeMirror/src/util/dom.js
  function classTest(cls) { return new RegExp("(^|\\s)" + cls + "(?:$|\\s)\\s*") }
  function updateInViewport(cm) {
    var vp = cm.getViewport(), state = cm.state.foldGutter;
    if (!state) return;
    cm.operation(function() {
      updateFoldInfo(cm, vp.from, vp.to);
    });
    state.from = vp.from; state.to = vp.to;
  }
  function onGutterClick(cm, line, gutter) {
    var state = cm.state.foldGutter;
    if (!state) return;
    var opts = state.options;
    if (gutter != opts.gutter) return;
    var folded = isFolded(cm, line);
    if (folded) folded.clear();
    else cm.foldCode(Pos(line, 0), opts);
  }
  function onChange(cm) {
    var state = cm.state.foldGutter;
    if (!state) return;
    var opts = state.options;
    state.from = state.to = 0;
    clearTimeout(state.changeUpdate);
    state.changeUpdate = setTimeout(function() { updateInViewport(cm); }, opts.foldOnChangeTimeSpan || 600);
  }
  function onViewportChange(cm) {
    var state = cm.state.foldGutter;
    if (!state) return;
    var opts = state.options;
    clearTimeout(state.changeUpdate);
    state.changeUpdate = setTimeout(function() {
      var vp = cm.getViewport();
      if (state.from == state.to || vp.from - state.to > 20 || state.from - vp.to > 20) {
        updateInViewport(cm);
      } else {
        cm.operation(function() {
          if (vp.from < state.from) {
            updateFoldInfo(cm, vp.from, state.from);
            state.from = vp.from;
          }
          if (vp.to > state.to) {
            updateFoldInfo(cm, state.to, vp.to);
            state.to = vp.to;
          }
        });
      }
    }, opts.updateViewportTimeSpan || 400);
  }
  function onFold(cm, from) {
    var state = cm.state.foldGutter;
    if (!state) return;
    var line = from.line;
    if (line >= state.from && line < state.to)
      updateFoldInfo(cm, line, line + 1);
  }
 });
--- a/js/codemirror/addon/fold/indent-fold.js
+++ b/js/codemirror/addon/fold/indent-fold.js
@ -0,0 +1,48 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
 (function(mod) {
  if (typeof exports == "object" && typeof module == "object") // CommonJS
    mod(require("../../lib/codemirror"));
  else if (typeof define == "function" && define.amd) // AMD
    define(["../../lib/codemirror"], mod);
  else // Plain browser env
    mod(CodeMirror);
 })(function(CodeMirror) {
 "use strict";
 function lineIndent(cm, lineNo) {
  var text = cm.getLine(lineNo)
  var spaceTo = text.search(/\S/)
  if (spaceTo == -1 || /\bcomment\b/.test(cm.getTokenTypeAt(CodeMirror.Pos(lineNo, spaceTo + 1))))
    return -1
  return CodeMirror.countColumn(text, null, cm.getOption("tabSize"))
 }
 CodeMirror.registerHelper("fold", "indent", function(cm, start) {
  var myIndent = lineIndent(cm, start.line)
  if (myIndent < 0) return
  var lastLineInFold = null
  // Go through lines until we find a line that definitely doesn't belong in
  // the block we're folding, or to the end.
  for (var i = start.line + 1, end = cm.lastLine(); i <= end; ++i) {
    var indent = lineIndent(cm, i)
    if (indent == -1) {
    } else if (indent > myIndent) {
      // Lines with a greater indent are considered part of the block.
      lastLineInFold = i;
    } else {
      // If this line has non-space, non-comment content, and is
      // indented less or equal to the start line, it is the start of
      // another block.
      break;
    }
  }
  if (lastLineInFold) return {
    from: CodeMirror.Pos(start.line, cm.getLine(start.line).length),
    to: CodeMirror.Pos(lastLineInFold, cm.getLine(lastLineInFold).length)
  };
 });
 });
--- a/Show More
+++ b/Show More