Added io theme

README.md

@@ -162,7 +162,6 @@ THEME_COLOR_META_TAG = `#333644`
 ```
 
 List of meta tag colors of each theme (excluding `*-auto` themes):
-
 - `edge-dark`: `#333644`
 - `edge-light`: `#eef1f4`
 - `everforest-dark`: `#2d353b`
@@ -172,6 +171,7 @@ List of meta tag colors of each theme (excluding `*-auto` themes):
 - `gruvbox-material-dark`: `#32302f`
 - `gruvbox-material-light`: `#f4e8be`
 - `nord`: `#343b49`
+- `io`: `#2b212d`
 - `palenight`: `#2c3043`
 - `soft-era`: `#f4f0f0`
 - `sonokai`: `#33353f`

build.sh

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

src/io-auto.less

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

src/io-light.less

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

src/io.less

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

src/palette/io-light.less

@@ -0,0 +1,31 @@
+@primary:     #c965bf; // primary color used in main texts
+@secondary:   #6a9eb5; // secondary color used in some texts and text based buttons
+@tertiary:    #6ac38f; // tertiary color used in other colored texts
+@fg:          #241b26;
+@bg0:         #e4ccd0;
+@bg1:         #d9c2c6;
+@bg2:         #eed5d9;
+@bg3:         #b7a3a6;
+@bg4:         #80676B;
+@red:         #796B6D;
+@orange:      #e39755;
+@yellow:      #a84a73;
+@green:       #a3ab5a;
+@cyan:        #6ac38f;
+@blue:        #0E85B9;
+@purple:      #9c5fce;
+@grey:        #7e5f83;
+@red-bg:      #F0C6BF;
+@green-bg:    #E5EBBA;
+@blue-bg:     #C0DFEC;
+@yellow-bg:   #EBB7CD;
+@button1:     #c965bf;
+@button2:     #6ac38f;
+@button-red:  #de5b44;
+@key:         @red;
+@operator:    @orange;
+@string:      @cyan;
+@value:       @purple;
+@type:        @yellow;
+@function:    @green;
+@special:     @blue;

src/palette/io.less

@@ -0,0 +1,31 @@
+@primary:     #0e85b9;
+@secondary:   #6ac38f;
+@tertiary:    #c965bf;
+@fg:          #FAF7F9;
+@bg0:         #1a181a;
+@bg1:         #262326;
+@bg2:         #302c30;
+@bg3:         #373238;
+@bg4:         #463f47;
+@red:         #de5b44;
+@orange:      #e39755;
+@yellow:      #a84a73;
+@green:       #a3ab5a;
+@cyan:        #6ac38f;
+@blue:        #0e85b9;
+@purple:      #9c5fce;
+@grey:        #BFAAB7;
+@red-bg:      #30140f;
+@green-bg:    #2f3216;
+@blue-bg:     #032535;
+@yellow-bg:   #391826;
+@button1:     #c965bf;
+@button2:     #6ac38f;
+@button-red:  #de5b44;
+@key:         @red;
+@operator:    @orange;
+@string:      @cyan;
+@value:       @purple;
+@type:        @yellow;
+@function:    @green;
+@special:     @blue;