diff --git a/demo/theme.html b/demo/theme.html
index a5599859adc9f9f79da0f77c1a9ffa451c57553b..8833e8756007b3aa767444c524464af1a620e057 100644
--- a/demo/theme.html
+++ b/demo/theme.html
@@ -13,11 +13,13 @@
<link rel="stylesheet" href="../theme/blackboard.css">
<link rel="stylesheet" href="../theme/cobalt.css">
<link rel="stylesheet" href="../theme/colorforth.css">
+<link rel="stylesheet" href="../theme/dracula.css">
<link rel="stylesheet" href="../theme/eclipse.css">
<link rel="stylesheet" href="../theme/elegant.css">
<link rel="stylesheet" href="../theme/erlang-dark.css">
<link rel="stylesheet" href="../theme/lesser-dark.css">
<link rel="stylesheet" href="../theme/liquibyte.css">
+<link rel="stylesheet" href="../theme/material.css">
<link rel="stylesheet" href="../theme/mbo.css">
<link rel="stylesheet" href="../theme/mdn-like.css">
<link rel="stylesheet" href="../theme/midnight.css">
@@ -29,6 +31,7 @@
<link rel="stylesheet" href="../theme/paraiso-light.css">
<link rel="stylesheet" href="../theme/pastel-on-dark.css">
<link rel="stylesheet" href="../theme/rubyblue.css">
+<link rel="stylesheet" href="../theme/seti.css">
<link rel="stylesheet" href="../theme/solarized.css">
<link rel="stylesheet" href="../theme/the-matrix.css">
<link rel="stylesheet" href="../theme/tomorrow-night-bright.css">
@@ -38,6 +41,7 @@
<link rel="stylesheet" href="../theme/vibrant-ink.css">
<link rel="stylesheet" href="../theme/xq-dark.css">
<link rel="stylesheet" href="../theme/xq-light.css">
+<link rel="stylesheet" href="../theme/yeti.css">
<link rel="stylesheet" href="../theme/zenburn.css">
<script src="../lib/codemirror.js"></script>
<script src="../mode/javascript/javascript.js"></script>
@@ -85,11 +89,13 @@ function findSequence(goal) {
<option>blackboard</option>
<option>cobalt</option>
<option>colorforth</option>
+ <option>dracula</option>
<option>eclipse</option>
<option>elegant</option>
<option>erlang-dark</option>
<option>lesser-dark</option>
<option>liquibyte</option>
+ <option>material</option>
<option>mbo</option>
<option>mdn-like</option>
<option>midnight</option>
@@ -101,6 +107,7 @@ function findSequence(goal) {
<option>paraiso-light</option>
<option>pastel-on-dark</option>
<option>rubyblue</option>
+ <option>seti</option>
<option>solarized dark</option>
<option>solarized light</option>
<option>the-matrix</option>
@@ -111,6 +118,7 @@ function findSequence(goal) {
<option>vibrant-ink</option>
<option>xq-dark</option>
<option>xq-light</option>
+ <option>yeti</option>
<option>zenburn</option>
</select>
</p>
diff --git a/theme/dracula.css b/theme/dracula.css
new file mode 100644
index 0000000000000000000000000000000000000000..5badef282ec1b4c482cd24c114db63c3b560bbd1
--- /dev/null
+++ b/theme/dracula.css
@@ -0,0 +1,87 @@
+/*
+
+ 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 !important;
+}
+.cm-s-dracula .CodeMirror-linenumber {
+ color: #6D8A88;
+}
+.cm-s-dracula.CodeMirror-focused .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: #ffb86c;
+}
+.cm-s-dracula span.cm-keyword {
+ color: #ff79c6;
+}
+.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 {
+ color: #50fa7b;
+}
+
+.cm-s-dracula .CodeMirror-activeline-background {background: rgba(255,255,255,0.1) !important;}
+.cm-s-dracula .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
\ No newline at end of file
diff --git a/theme/material.css b/theme/material.css
new file mode 100644
index 0000000000000000000000000000000000000000..85e1f185d52a431ffca9a13f1dfddb2f1c287b5b
--- /dev/null
+++ b/theme/material.css
@@ -0,0 +1,105 @@
+/*
+
+ Name: material
+ Author: Michael Kaminsky (http://github.com/mkaminsky11)
+
+ Original material color scheme by Mattia Astorino (https://github.com/equinusocio/material-theme)
+
+*/
+
+.cm-s-material {
+ background-color: #263238;
+ color: rgba(233, 237, 237, 1);
+}
+.cm-s-material .CodeMirror-gutters {
+ background: #263238;
+ color: rgb(83,127,126);
+ border: none;
+}
+.cm-s-material .CodeMirror-guttermarker, .cm-s-material .CodeMirror-guttermarker-subtle, .cm-s-material .CodeMirror-linenumber {
+ color: rgb(83,127,126);
+}
+.cm-s-material .CodeMirror-cursor {
+ border-left: 1px solid #f8f8f0 !important;
+}
+.cm-s-material .CodeMirror-selected {
+ background: rgba(255, 255, 255, 0.15);
+}
+.cm-s-material.CodeMirror-focused .CodeMirror-selected {
+ background: rgba(255, 255, 255, 0.10);
+}
+.cm-s-material .CodeMirror-line::selection, .cm-s-material .CodeMirror-line > span::selection, .cm-s-material .CodeMirror-line > span > span::selection {
+ background: rgba(255, 255, 255, 0.10);
+}
+.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(255, 255, 255, 0.10);
+}
+
+.CodeMirror-activeline-background {
+ background: rgba(0, 0, 0, 0) !important;
+}
+.cm-s-material span.cm-keyword {
+ color: rgba(199, 146, 234, 1);
+}
+.cm-s-material span.cm-operator {
+ color: rgba(233, 237, 237, 1);
+}
+.cm-s-material span.cm-variable-2 {
+ color: #80CBC4;
+}
+.cm-s-material span.cm-variable-3 {
+ color: #82B1FF;
+}
+.cm-s-material span.cm-builtin {
+ color: #DECB6B;
+}
+.cm-s-material span.cm-atom {
+ color: #F77669;
+}
+.cm-s-material span.cm-number {
+ color: #F77669;
+}
+.cm-s-material span.cm-def {
+ color: rgba(233, 237, 237, 1);
+}
+.cm-s-material span.cm-error {
+ color: rgba(255, 255, 255, 1.0);
+ background-color: #EC5F67;
+}
+.cm-s-material span.cm-string {
+ color: #C3E88D;
+}
+.cm-s-material span.cm-string-2 {
+ color: #80CBC4;
+}
+.cm-s-material span.cm-comment {
+ color: #546E7A;
+}
+.cm-s-material span.cm-variable {
+ color: #82B1FF;
+}
+.cm-s-material span.cm-tag {
+ color: #80CBC4;
+}
+.cm-s-material span.cm-meta{
+ color: #80CBC4;
+}
+.cm-s-material span.cm-attribute {
+ color: #FFCB6B;
+}
+.cm-s-material span.cm-property {
+ color: #80CBAE;
+}
+.cm-s-material span.cm-qualifier {
+ color: #DECB6B;
+}
+.cm-s-material span.cm-variable-3{
+ color: #DECB6B;
+}
+.cm-s-material span.cm-tag {
+ color: rgba(255, 83, 112, 1);
+}
+.cm-s-material .CodeMirror-matchingbracket {
+ text-decoration: underline;
+ color: white !important;
+}
\ No newline at end of file
diff --git a/theme/seti.css b/theme/seti.css
new file mode 100644
index 0000000000000000000000000000000000000000..ea27d5eee7c613523ba6212fa02c1142ae90f477
--- /dev/null
+++ b/theme/seti.css
@@ -0,0 +1,88 @@
+/*
+
+ 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 !important;
+}
+.cm-s-seti .CodeMirror-linenumber {
+ color: #6D8A88;
+}
+.cm-s-seti.CodeMirror-focused .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 {
+ color: #9fca56;
+}
+.cm-s-seti span.cm-builtin {
+ color: #9fca56;
+}
+.cm-s-seti .CodeMirror-activeline-background {background: #101213 !important;}
+.cm-s-seti .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
\ No newline at end of file
diff --git a/theme/solarized.css b/theme/solarized.css
index 03ace472d958f9637ed46f455dcfdfafc3663e95..18ed6de63f870f304d731159427611cf0dc23f0a 100644
--- a/theme/solarized.css
+++ b/theme/solarized.css
@@ -100,7 +100,7 @@ http://ethanschoonover.com/solarized/img/solarized-palette.png
.cm-s-solarized.cm-s-light .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-ligh .CodeMirror-line::-moz-selection, .cm-s-ligh .CodeMirror-line > span::-moz-selection, .cm-s-ligh .CodeMirror-line > span > span::-moz-selection { background: #eee8d5; }
+.cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection, .cm-s-ligh .CodeMirror-line > span::-moz-selection, .cm-s-ligh .CodeMirror-line > span > span::-moz-selection { background: #eee8d5; }
/* Editor styling */
diff --git a/theme/yeti.css b/theme/yeti.css
new file mode 100644
index 0000000000000000000000000000000000000000..dce32588cdb1c1706830226618c3e0f890123fb8
--- /dev/null
+++ b/theme/yeti.css
@@ -0,0 +1,86 @@
+/*
+
+ 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 !important;
+}
+.cm-s-yeti .CodeMirror-linenumber {
+ color: #adaba6;
+}
+.cm-s-yeti.CodeMirror-focused .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 {
+ color: #96c0d8;
+}
+.cm-s-yeti .CodeMirror-activeline-background {background: #E7E4E0 !important;}
+.cm-s-yeti .CodeMirror-matchingbracket { text-decoration: underline;}
\ No newline at end of file