From 6e9968f9895b82931445b6e4ef4990da3aef80d3 Mon Sep 17 00:00:00 2001
From: ansuz <ansuz@transitiontech.ca>
Date: Fri, 31 Mar 2017 09:19:45 +0200
Subject: [PATCH] add 'lol' code theme

---
 www/common/theme/lol.css      | 91 +++++++++++++++++++++++++++++++++++
 www/common/theme/src/lol.less | 70 +++++++++++++++++++++++++++
 www/common/themes.js          |  1 +
 3 files changed, 162 insertions(+)
 create mode 100644 www/common/theme/lol.css
 create mode 100644 www/common/theme/src/lol.less

diff --git a/www/common/theme/lol.css b/www/common/theme/lol.css
new file mode 100644
index 000000000..06364cdb5
--- /dev/null
+++ b/www/common/theme/lol.css
@@ -0,0 +1,91 @@
+.cm-s-lol {
+  font-family: Comic Sans MS, cursive;
+  font-size: 24px;
+}
+.cm-s-lol.CodeMirror,
+.cm-s-lol .CodeMirror-gutters {
+  background-color: #2E3436 !important;
+  color: #719FC9 !important;
+  border: none;
+}
+.cm-s-lol .CodeMirror-gutters {
+  color: #2E3436;
+}
+.cm-s-lol .CodeMirror-cursor {
+  border-left: solid thin #f8f8f0;
+}
+.cm-s-lol .CodeMirror-linenumber {
+  color: #8AE234;
+}
+.cm-s-lol.CodeMirror-focused div.CodeMirror-selected {
+  background: rgba(255, 255, 255, 0.1);
+}
+.cm-s-lol .CodeMirror-line::selection,
+.cm-s-lol .cm-s-transition .CodeMirror-line > span::selection,
+.cm-s-lol .cm-s-transition .CodeMirror-line > span > span::selection {
+  background: rgba(255, 255, 255, 0.1);
+}
+.cm-s-lol .CodeMirror-line::-moz-selection,
+.cm-s-lol .cm-s-transition .CodeMirror-line > span::-moz-selection,
+.cm-s-lol .cm-s-transition .CodeMirror-line > span > span::-moz-selection {
+  background: rgba(255, 255, 255, 0.1);
+}
+.cm-s-lol span.cm-comment {
+  color: #50FA7B;
+}
+.cm-s-lol span.cm-string,
+.cm-s-lol .cm-s-transition span.cm-string-2 {
+  color: #f1fa8c;
+}
+.cm-s-lol span.cm-number {
+  color: #bd93f9;
+}
+.cm-s-lol span.cm-variable {
+  color: #9292e4;
+}
+.cm-s-lol span.cm-variable-2 {
+  color: white;
+}
+.cm-s-lol span.cm-def {
+  color: #ffb86c;
+}
+.cm-s-lol span.cm-keyword {
+  color: ff79c6;
+}
+.cm-s-lol span.cm-operator {
+  color: ff79c6;
+}
+.cm-s-lol span.cm-keyword {
+  color: ff79c6;
+}
+.cm-s-lol span.cm-atom {
+  color: #bd93f9;
+}
+.cm-s-lol span.cm-meta {
+  color: #719FC9;
+}
+.cm-s-lol span.cm-tag {
+  color: ff79c6;
+}
+.cm-s-lol span.cm-attribute {
+  color: #50fa7b;
+}
+.cm-s-lol span.cm-qualifier {
+  color: #50fa7b;
+}
+.cm-s-lol span.cm-property {
+  color: #66d9ef;
+}
+.cm-s-lol span.cm-builtin {
+  color: #50fa7b;
+}
+.cm-s-lol span.cm-variable-3 {
+  color: #50fa7b;
+}
+.cm-s-lol .CodeMirror-activeline-background {
+  background: rgba(255, 255, 255, 0.1);
+}
+.cm-s-lol .CodeMirror-matchingbracket {
+  text-decoration: underline;
+  color: white !important;
+}
diff --git a/www/common/theme/src/lol.less b/www/common/theme/src/lol.less
new file mode 100644
index 000000000..b1b1352ba
--- /dev/null
+++ b/www/common/theme/src/lol.less
@@ -0,0 +1,70 @@
+@gutter-bg: #2E3436;
+@gutter-fg: #719FC9;
+
+@cursor-left: #f8f8f0;
+@line-number-fg: #8AE234;
+@selected-bg: rgba(255, 255, 255, 0.10);
+
+@comment-fg: #50FA7B;
+@string-fg: #f1fa8c;
+@number-fg: #bd93f9;
+@variable-fg: #9292e4;
+@variable2-fg: white;
+
+@def-fg: #ffb86c;
+@keyword-fg: ff79c6;
+
+@variable3-fg: #50fa7b;
+@property-fg: #66d9ef;
+
+.cm-s-lol {
+    font-family: Comic Sans MS, cursive;
+    font-size: 24px;
+
+    &.CodeMirror, .CodeMirror-gutters {
+      background-color: @gutter-bg !important;
+      color: @gutter-fg !important;
+      border: none;
+    }
+    .CodeMirror-gutters { color: @gutter-bg; }
+    .CodeMirror-cursor { border-left: solid thin @cursor-left; }
+
+    .CodeMirror-linenumber { color: @line-number-fg; }
+    &.CodeMirror-focused div.CodeMirror-selected { background: @selected-bg; }
+
+    .CodeMirror-line::selection,
+    .cm-s-transition .CodeMirror-line > span::selection,
+    .cm-s-transition .CodeMirror-line > span > span::selection {
+        background: @selected-bg;
+    }
+
+    .CodeMirror-line::-moz-selection,
+    .cm-s-transition .CodeMirror-line > span::-moz-selection,
+    .cm-s-transition .CodeMirror-line > span > span::-moz-selection {
+        background: @selected-bg;
+    }
+    span.cm-comment { color: @comment-fg; }
+    span.cm-string, .cm-s-transition span.cm-string-2 { color: @string-fg; }
+    span.cm-number { color: @number-fg; }
+    span.cm-variable { color: @variable-fg; }
+    span.cm-variable-2 { color: @variable2-fg; }
+    span.cm-def { color: @def-fg; }
+    span.cm-keyword { color: @keyword-fg; }
+    span.cm-operator { color: @keyword-fg; }
+    span.cm-keyword { color: @keyword-fg; }
+    span.cm-atom { color: @number-fg; }
+    span.cm-meta { color: @gutter-fg; }
+    span.cm-tag { color: @keyword-fg; }
+    span.cm-attribute { color: @variable3-fg; }
+    span.cm-qualifier { color: @variable3-fg; }
+    span.cm-property { color: @property-fg; }
+    span.cm-builtin { color: @variable3-fg; }
+    span.cm-variable-3 { color: @variable3-fg; }
+
+    .CodeMirror-activeline-background { background: @selected-bg; }
+    .CodeMirror-matchingbracket {
+        text-decoration: underline;
+        color: white !important;
+    }
+}
+
diff --git a/www/common/themes.js b/www/common/themes.js
index c58c65bd8..76ae740f5 100644
--- a/www/common/themes.js
+++ b/www/common/themes.js
@@ -22,6 +22,7 @@ define(function () {
         "isotope isotope.css",
         "lesser-dark lesser-dark.css",
         "liquibyte liquibyte.css",
+        "lol lol.css",
         "material material.css",
         "mbo mbo.css",
         "mdn-like mdn-like.css",