Add everforest

build.sh

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

src/everforest-auto.less

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

src/everforest-dark.less

@@ -0,0 +1,2 @@
+@import "palette/everforest-dark";
+@import "template/index";

src/everforest-light.less

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

src/palette/everforest-dark.less

@@ -0,0 +1,31 @@
+@primary:     #a7c080; // primary color used in main texts
+@secondary:   #e69875; // secondary color used in some texts and text based buttons
+@tertiary:    #dbbc7f; // tertiary color used in other colored texts
+@fg:          #d3c6aa;
+@bg0:         #2b3339;
+@bg1:         #323c41;
+@bg2:         #3a454a;
+@bg3:         #445055;
+@bg4:         #4a555b;
+@red:         #e67e80;
+@orange:      #e69875;
+@yellow:      #dbbc7f;
+@green:       #a7c080;
+@cyan:        #83c092;
+@blue:        #7fbbb3;
+@purple:      #d699b6;
+@grey:        #859289;
+@red-bg:      #4e3e43;
+@green-bg:    #404d44;
+@blue-bg:     #394f5a;
+@yellow-bg:   #4a4940;
+@button1:     #a7c080;
+@button2:     #e69875;
+@button-red:  #e67e80;
+@key:         @red;
+@operator:    @orange;
+@string:      @cyan;
+@value:       @purple;
+@type:        @yellow;
+@function:    @green;
+@special:     @blue;

src/palette/everforest-light.less

@@ -0,0 +1,31 @@
+@primary:     #8da101; // primary color used in main texts
+@secondary:   #f57d26; // secondary color used in some texts and text based buttons
+@tertiary:    #dfa000; // tertiary color used in other colored texts
+@fg:          #5c6a72;
+@bg0:         #fdf6e3;
+@bg1:         #f3efda;
+@bg2:         #edead5;
+@bg3:         #e4e1cd;
+@bg4:         #dfdbc8;
+@red:         #f85552;
+@orange:      #f57d26;
+@yellow:      #dfa000;
+@green:       #8da101;
+@cyan:        #35a77c;
+@blue:        #3a94c5;
+@purple:      #df69ba;
+@grey:        #939f91;
+@red-bg:      #fbe3da;
+@green-bg:    #f0f1d2;
+@blue-bg:     #e9f0e9;
+@yellow-bg:   #faedcd;
+@button1:     #93b259;
+@button2:     #f57d26;
+@button-red:  #e66868;
+@key:         @red;
+@operator:    @orange;
+@string:      @cyan;
+@value:       @purple;
+@type:        @yellow;
+@function:    @green;
+@special:     @blue;