Add light & auto variants

This commit is contained in:
Sainnhe Park 2022-10-31 11:21:54 +08:00
parent bc1d51fab0
commit 2d79c4ac06
11 changed files with 89 additions and 1 deletions

View File

@ -4,5 +4,7 @@ BASEDIR="$( cd "$( dirname "$0" )" && pwd )"
cd "${BASEDIR}" cd "${BASEDIR}"
for theme in edge gruvbox; do for theme in edge gruvbox; do
lessc -x "src/${theme}-dark.less" > "dist/theme-${theme}-dark.css" for variant in dark light auto; do
lessc -x "src/${theme}-${variant}.less" > "dist/theme-${theme}-${variant}.css"
done
done done

1
dist/theme-edge-auto.css vendored Normal file

File diff suppressed because one or more lines are too long

1
dist/theme-edge-light.css vendored Normal file

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

8
src/edge-auto.less Normal file
View File

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

2
src/edge-light.less Normal file
View File

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

8
src/gruvbox-auto.less Normal file
View File

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

2
src/gruvbox-light.less Normal file
View File

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

View File

@ -0,0 +1,31 @@
@primary: #5079be; // primary color used in main texts
@secondary: #b05ccc; // secondary color used in some texts and text based buttons
@tertiary: #608e32; // tertiary color used in other colored texts
@fg: #4b505b;
@bg0: #fafafa;
@bg1: #eef1f4;
@bg2: #e8ebf0;
@bg3: #e8ebf0;
@bg4: #dde2e7;
@red: #d05858;
@orange: #be7e05;
@yellow: #be7e05;
@green: #608e32;
@cyan: #3a8b84;
@blue: #5079be;
@purple: #b05ccc;
@grey: #8790a0;
@red-bg: #f6e4e4;
@green-bg: #e5eee4;
@blue-bg: #e3eaf6;
@yellow-bg: #f0ece2;
@button1: #6996e0;
@button2: #76af6f;
@button-red: #e17373;
@key: @red;
@operator: @purple;
@string: @green;
@value: @green;
@type: @yellow;
@function: @blue;
@special: @cyan;

View File

@ -0,0 +1,31 @@
@primary: #79740e; // primary color used in main texts
@secondary: #af3a03; // secondary color used in some texts and text based buttons
@tertiary: #b57614; // tertiary color used in other colored texts
@fg: #3c3836;
@bg0: #fbf1c7;
@bg1: #f4e8be;
@bg2: #f2e5bc;
@bg3: #eee0b7;
@bg4: #e5d5ad;
@red: #9d0006;
@orange: #af3a03;
@yellow: #b57614;
@green: #79740e;
@cyan: #427b58;
@blue: #076678;
@purple: #8f3f71;
@grey: #928374;
@red-bg: #f1d9b5;
@green-bg: #dee2b6;
@blue-bg: #dadec0;
@yellow-bg: #fae7b3;
@button1: #79740e;
@button2: #af3a03;
@button-red: #9d0006;
@key: @red;
@operator: @orange;
@string: @cyan;
@value: @purple;
@type: @yellow;
@function: @green;
@special: @blue;