Add sonokai

build.sh

@@ -9,6 +9,6 @@ for theme in edge gruvbox gruvbox-material everforest; do
     done
 done
 
-for theme in nord soft-era; do
+for theme in nord soft-era sonokai sonokai-andromeda sonokai-atlantis sonokai-espresso sonokai-maia sonokai-shusia; do
     lessc -x "src/${theme}.less" > "dist/theme-${theme}.css"
 done

src/palette/sonokai-andromeda.less

@@ -0,0 +1,31 @@
+@primary:     #6dcae8; // primary color used in main texts
+@secondary:   #fb617e; // secondary color used in some texts and text based buttons
+@tertiary:    #9ed06c; // tertiary color used in other colored texts
+@fg:          #e1e3e4;
+@bg0:         #2b2d3a;
+@bg1:         #333648;
+@bg2:         #363a4e;
+@bg3:         #393e53;
+@bg4:         #3f445b;
+@red:         #fb617e;
+@orange:      #f89860;
+@yellow:      #edc763;
+@green:       #9ed06c;
+@cyan:        #6dcae8;
+@blue:        #6dcae8;
+@purple:      #bb97ee;
+@grey:        #7e8294;
+@red-bg:      #55393d;
+@green-bg:    #394634;
+@blue-bg:     #354157;
+@yellow-bg:   #4e432f;
+@button1:     #77d5f0;
+@button2:     #a9dc76;
+@button-red:  #ff6188;
+@key:         @red;
+@operator:    @orange;
+@string:      @yellow;
+@value:       @purple;
+@type:        @blue;
+@function:    @green;
+@special:     @orange;

src/palette/sonokai-atlantis.less

@@ -0,0 +1,31 @@
+@primary:     #72cce8; // primary color used in main texts
+@secondary:   #ff6578; // secondary color used in some texts and text based buttons
+@tertiary:    #9dd274; // tertiary color used in other colored texts
+@fg:          #e1e3e4;
+@bg0:         #2a2f38;
+@bg1:         #333846;
+@bg2:         #373c4b;
+@bg3:         #3d4455;
+@bg4:         #424b5b;
+@red:         #ff6578;
+@orange:      #f69c5e;
+@yellow:      #eacb64;
+@green:       #9dd274;
+@cyan:        #72cce8;
+@blue:        #72cce8;
+@purple:      #ba9cf3;
+@grey:        #828a9a;
+@red-bg:      #55393d;
+@green-bg:    #394634;
+@blue-bg:     #354157;
+@yellow-bg:   #4e432f;
+@button1:     #7ad5f1;
+@button2:     #a5e179;
+@button-red:  #ff6d7e;
+@key:         @red;
+@operator:    @orange;
+@string:      @yellow;
+@value:       @purple;
+@type:        @blue;
+@function:    @green;
+@special:     @orange;

src/palette/sonokai-espresso.less

@@ -0,0 +1,31 @@
+@primary:     #81d0c9; // primary color used in main texts
+@secondary:   #f86882; // secondary color used in some texts and text based buttons
+@tertiary:    #a6cd77; // tertiary color used in other colored texts
+@fg:          #e4e3e1;
+@bg0:         #312c2b;
+@bg1:         #393230;
+@bg2:         #413937;
+@bg3:         #49403c;
+@bg4:         #4e433f;
+@red:         #f86882;
+@orange:      #f08d71;
+@yellow:      #f0c66f;
+@green:       #a6cd77;
+@cyan:        #81d0c9;
+@blue:        #81d0c9;
+@purple:      #9fa0e1;
+@grey:        #90817b;
+@red-bg:      #55393d;
+@green-bg:    #394634;
+@blue-bg:     #354157;
+@yellow-bg:   #4e432f;
+@button1:     #85dad2;
+@button2:     #adda78;
+@button-red:  #fd6883;
+@key:         @red;
+@operator:    @orange;
+@string:      @yellow;
+@value:       @purple;
+@type:        @blue;
+@function:    @green;
+@special:     @orange;

src/palette/sonokai-maia.less

@@ -0,0 +1,31 @@
+@primary:     #78cee9; // primary color used in main texts
+@secondary:   #f76c7c; // secondary color used in some texts and text based buttons
+@tertiary:    #9cd57b; // tertiary color used in other colored texts
+@fg:          #e1e2e3;
+@bg0:         #273136;
+@bg1:         #313b42;
+@bg2:         #353f46;
+@bg3:         #3a444b;
+@bg4:         #414b53;
+@red:         #f76c7c;
+@orange:      #f3a96a;
+@yellow:      #e3d367;
+@green:       #9cd57b;
+@cyan:        #78cee9;
+@blue:        #78cee9;
+@purple:      #baa0f8;
+@grey:        #82878b;
+@red-bg:      #55393d;
+@green-bg:    #394634;
+@blue-bg:     #354157;
+@yellow-bg:   #4e432f;
+@button1:     #7cd5f1;
+@button2:     #a2e57b;
+@button-red:  #ff6d7e;
+@key:         @red;
+@operator:    @orange;
+@string:      @yellow;
+@value:       @purple;
+@type:        @blue;
+@function:    @green;
+@special:     @orange;

src/palette/sonokai-shusia.less

@@ -0,0 +1,31 @@
+@primary:     #7accd7; // primary color used in main texts
+@secondary:   #f85e84; // secondary color used in some texts and text based buttons
+@tertiary:    #9ecd6f; // tertiary color used in other colored texts
+@fg:          #e3e1e4;
+@bg0:         #2d2a2e;
+@bg1:         #37343a;
+@bg2:         #3b383e;
+@bg3:         #423f46;
+@bg4:         #49464e;
+@red:         #f85e84;
+@orange:      #ef9062;
+@yellow:      #e5c463;
+@green:       #9ecd6f;
+@cyan:        #7accd7;
+@blue:        #7accd7;
+@purple:      #ab9df2;
+@grey:        #848089;
+@red-bg:      #55393d;
+@green-bg:    #394634;
+@blue-bg:     #354157;
+@yellow-bg:   #4e432f;
+@button1:     #78dce8;
+@button2:     #a9dc76;
+@button-red:  #ff6188;
+@key:         @red;
+@operator:    @orange;
+@string:      @yellow;
+@value:       @purple;
+@type:        @blue;
+@function:    @green;
+@special:     @orange;

src/palette/sonokai.less

@@ -0,0 +1,31 @@
+@primary:     #76cce0; // primary color used in main texts
+@secondary:   #fc5d7c; // secondary color used in some texts and text based buttons
+@tertiary:    #9ed072; // tertiary color used in other colored texts
+@fg:          #e2e2e3;
+@bg0:         #2c2e34;
+@bg1:         #33353f;
+@bg2:         #363944;
+@bg3:         #3b3e48;
+@bg4:         #414550;
+@red:         #fc5d7c;
+@orange:      #f39660;
+@yellow:      #e7c664;
+@green:       #9ed072;
+@cyan:        #76cce0;
+@blue:        #76cce0;
+@purple:      #b39df3;
+@grey:        #7f8490;
+@red-bg:      #55393d;
+@green-bg:    #394634;
+@blue-bg:     #354157;
+@yellow-bg:   #4e432f;
+@button1:     #85d3f2;
+@button2:     #a7df78;
+@button-red:  #ff6077;
+@key:         @red;
+@operator:    @orange;
+@string:      @yellow;
+@value:       @purple;
+@type:        @blue;
+@function:    @green;
+@special:     @orange;

src/sonokai-andromeda.less

@@ -0,0 +1,2 @@
+@import "palette/sonokai-andromeda";
+@import "template/index";

src/sonokai-atlantis.less

@@ -0,0 +1,2 @@
+@import "palette/sonokai-atlantis";
+@import "template/index";

src/sonokai-espresso.less

@@ -0,0 +1,2 @@
+@import "palette/sonokai-espresso";
+@import "template/index";

src/sonokai-maia.less

@@ -0,0 +1,2 @@
+@import "palette/sonokai-maia";
+@import "template/index";

src/sonokai-shusia.less

@@ -0,0 +1,2 @@
+@import "palette/sonokai-shusia";
+@import "template/index";

src/sonokai.less

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