Add gruvbox-material

This commit is contained in:
Sainnhe Park 2022-10-31 11:41:47 +08:00
parent 2d79c4ac06
commit 4a091e9912
9 changed files with 78 additions and 1 deletions

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

1
dist/theme-gruvbox-material-auto.css vendored Normal file

File diff suppressed because one or more lines are too long

1
dist/theme-gruvbox-material-dark.css vendored Normal file

File diff suppressed because one or more lines are too long

1
dist/theme-gruvbox-material-light.css vendored Normal file

File diff suppressed because one or more lines are too long

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";
}

View file

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

View file

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

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;

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;