Add gruvbox-material

This commit is contained in:
2022-10-31 11:41:47 +08:00
parent 2d79c4ac06
commit 4a091e9912
9 changed files with 78 additions and 1 deletions
+1 -1
View File
@@ -3,7 +3,7 @@
BASEDIR="$( cd "$( dirname "$0" )" && pwd )"
cd "${BASEDIR}"
for theme in edge gruvbox; do
for theme in edge gruvbox gruvbox-material; do
for variant in dark light auto; do
lessc -x "src/${theme}-${variant}.less" > "dist/theme-${theme}-${variant}.css"
done
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+8
View File
@@ -0,0 +1,8 @@
@media (prefers-color-scheme: dark) {
@import "palette/gruvbox-material-dark";
@import (multiple) "template/index";
}
@media (prefers-color-scheme: light) {
@import "palette/gruvbox-material-light";
@import (multiple) "template/index";
}
+2
View File
@@ -0,0 +1,2 @@
@import "palette/gruvbox-material-dark";
@import "template/index";
+2
View File
@@ -0,0 +1,2 @@
@import "palette/gruvbox-material-light";
@import "template/index";
+31
View File
@@ -0,0 +1,31 @@
@primary: #a9b665; // primary color used in main texts
@secondary: #e78a4e; // secondary color used in some texts and text based buttons
@tertiary: #d8a657; // tertiary color used in other colored texts
@fg: #ddc7a1;
@bg0: #282828;
@bg1: #32302f;
@bg2: #3a3735;
@bg3: #45403d;
@bg4: #504945;
@red: #ea6962;
@orange: #e78a4e;
@yellow: #d8a657;
@green: #a9b665;
@cyan: #89b482;
@blue: #7daea3;
@purple: #d3869b;
@grey: #928374;
@red-bg: #4c3432;
@green-bg: #3b4439;
@blue-bg: #374141;
@yellow-bg: #4f422e;
@button1: #a9b665;
@button2: #e78a4e;
@button-red: #ea6962;
@key: @red;
@operator: @orange;
@string: @cyan;
@value: @purple;
@type: @yellow;
@function: @green;
@special: @blue;
+31
View File
@@ -0,0 +1,31 @@
@primary: #6c782e; // primary color used in main texts
@secondary: #c35e0a; // secondary color used in some texts and text based buttons
@tertiary: #b47109; // tertiary color used in other colored texts
@fg: #654735;
@bg0: #fbf1c7;
@bg1: #f4e8be;
@bg2: #f2e5bc;
@bg3: #eee0b7;
@bg4: #e5d5ad;
@red: #c14a4a;
@orange: #c35e0a;
@yellow: #b47109;
@green: #6c782e;
@cyan: #4c7a5d;
@blue: #45707a;
@purple: #945e80;
@grey: #928374;
@red-bg: #f1d9b5;
@green-bg: #dee2b6;
@blue-bg: #dadec0;
@yellow-bg: #fae7b3;
@button1: #6f8352;
@button2: #a96b2c;
@button-red: #ae5858;
@key: @red;
@operator: @orange;
@string: @cyan;
@value: @purple;
@type: @yellow;
@function: @green;
@special: @blue;