Add sonokai

This commit is contained in:
Sainnhe Park 2022-10-31 13:18:32 +08:00
parent 20dd44a1e1
commit 92361ad7ec
19 changed files with 205 additions and 1 deletions

View File

@ -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

1
dist/theme-sonokai-andromeda.css vendored Normal file

File diff suppressed because one or more lines are too long

1
dist/theme-sonokai-atlantis.css vendored Normal file

File diff suppressed because one or more lines are too long

1
dist/theme-sonokai-espresso.css vendored Normal file

File diff suppressed because one or more lines are too long

1
dist/theme-sonokai-maia.css vendored Normal file

File diff suppressed because one or more lines are too long

1
dist/theme-sonokai-shusia.css vendored Normal file

File diff suppressed because one or more lines are too long

1
dist/theme-sonokai.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

31
src/palette/sonokai.less Normal file
View File

@ -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;

View File

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

View File

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

View File

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

2
src/sonokai-maia.less Normal file
View File

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

2
src/sonokai-shusia.less Normal file
View File

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

2
src/sonokai.less Normal file
View File

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