Add light & auto variants

build.sh

@@ -4,5 +4,7 @@ BASEDIR="$( cd "$( dirname "$0" )" && pwd )"
 cd "${BASEDIR}"
 
 for theme in edge gruvbox; do
-    lessc -x "src/${theme}-dark.less" > "dist/theme-${theme}-dark.css"
+    for variant in dark light auto; do
+        lessc -x "src/${theme}-${variant}.less" > "dist/theme-${theme}-${variant}.css"
+    done
 done

src/edge-auto.less

@@ -0,0 +1,8 @@
+@media (prefers-color-scheme: dark) {
+  @import "palette/edge-dark";
+  @import (multiple) "template/index";
+}
+@media (prefers-color-scheme: light) {
+  @import "palette/edge-light";
+  @import (multiple) "template/index";
+}

src/edge-light.less

@@ -0,0 +1,2 @@
+@import "palette/edge-light";
+@import "template/index";

src/gruvbox-auto.less

@@ -0,0 +1,8 @@
+@media (prefers-color-scheme: dark) {
+  @import "palette/gruvbox-dark";
+  @import (multiple) "template/index";
+}
+@media (prefers-color-scheme: light) {
+  @import "palette/gruvbox-light";
+  @import (multiple) "template/index";
+}

src/gruvbox-light.less

@@ -0,0 +1,2 @@
+@import "palette/gruvbox-light";
+@import "template/index";

src/palette/edge-light.less

@@ -0,0 +1,31 @@
+@primary:     #5079be; // primary color used in main texts
+@secondary:   #b05ccc; // secondary color used in some texts and text based buttons
+@tertiary:    #608e32; // tertiary color used in other colored texts
+@fg:          #4b505b;
+@bg0:         #fafafa;
+@bg1:         #eef1f4;
+@bg2:         #e8ebf0;
+@bg3:         #e8ebf0;
+@bg4:         #dde2e7;
+@red:         #d05858;
+@orange:      #be7e05;
+@yellow:      #be7e05;
+@green:       #608e32;
+@cyan:        #3a8b84;
+@blue:        #5079be;
+@purple:      #b05ccc;
+@grey:        #8790a0;
+@red-bg:      #f6e4e4;
+@green-bg:    #e5eee4;
+@blue-bg:     #e3eaf6;
+@yellow-bg:   #f0ece2;
+@button1:     #6996e0;
+@button2:     #76af6f;
+@button-red:  #e17373;
+@key:         @red;
+@operator:    @purple;
+@string:      @green;
+@value:       @green;
+@type:        @yellow;
+@function:    @blue;
+@special:     @cyan;

src/palette/gruvbox-light.less

@@ -0,0 +1,31 @@
+@primary:     #79740e; // primary color used in main texts
+@secondary:   #af3a03; // secondary color used in some texts and text based buttons
+@tertiary:    #b57614; // tertiary color used in other colored texts
+@fg:          #3c3836;
+@bg0:         #fbf1c7;
+@bg1:         #f4e8be;
+@bg2:         #f2e5bc;
+@bg3:         #eee0b7;
+@bg4:         #e5d5ad;
+@red:         #9d0006;
+@orange:      #af3a03;
+@yellow:      #b57614;
+@green:       #79740e;
+@cyan:        #427b58;
+@blue:        #076678;
+@purple:      #8f3f71;
+@grey:        #928374;
+@red-bg:      #f1d9b5;
+@green-bg:    #dee2b6;
+@blue-bg:     #dadec0;
+@yellow-bg:   #fae7b3;
+@button1:     #79740e;
+@button2:     #af3a03;
+@button-red:  #9d0006;
+@key:         @red;
+@operator:    @orange;
+@string:      @cyan;
+@value:       @purple;
+@type:        @yellow;
+@function:    @green;
+@special:     @blue;