From 6f598682f89c9c2ceb85715e4288fc26b4a9562d Mon Sep 17 00:00:00 2001
From: ansuz <ansuz@transitiontech.ca>
Date: Tue, 12 Jul 2016 12:36:13 +0200
Subject: [PATCH] templates for custom themes

---
 www/code/theme/src/ansuz.less    | 67 ++++++++++++++++++++++++++++++++
 www/code/theme/src/template.less | 67 ++++++++++++++++++++++++++++++++
 2 files changed, 134 insertions(+)
 create mode 100644 www/code/theme/src/ansuz.less
 create mode 100644 www/code/theme/src/template.less

diff --git a/www/code/theme/src/ansuz.less b/www/code/theme/src/ansuz.less
new file mode 100644
index 000000000..64f503bd1
--- /dev/null
+++ b/www/code/theme/src/ansuz.less
@@ -0,0 +1,67 @@
+@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-ansuz {
+    &.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/code/theme/src/template.less b/www/code/theme/src/template.less
new file mode 100644
index 000000000..bcd9dc39f
--- /dev/null
+++ b/www/code/theme/src/template.less
@@ -0,0 +1,67 @@
+@gutter-bg: #282a36;
+@gutter-fg: #f8f8f2;
+
+@cursor-left: #f8f8f0;
+@line-number-fg: #6d8a88;
+@selected-bg: rgba(255, 255, 255, 0.10);
+
+@comment-fg: #6272a4;
+@string-fg: #f1fa8c;
+@number-fg: #bd93f9;
+@variable-fg: #50fa7b;
+@variable2-fg: white;
+
+@def-fg: #ffb86c;
+@keyword-fg: ff79c6;
+
+@variable3-fg: #50fa7b;
+@property-fg: #66d9ef;
+
+.cm-s-transition {
+    &.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;
+    }
+}
+