Add light & auto variants
This commit is contained in:
parent
bc1d51fab0
commit
2d79c4ac06
4
build.sh
4
build.sh
|
@ -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
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
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
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
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
8
src/edge-auto.less
Normal 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
2
src/edge-light.less
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
@import "palette/edge-light";
|
||||||
|
@import "template/index";
|
8
src/gruvbox-auto.less
Normal file
8
src/gruvbox-auto.less
Normal 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
2
src/gruvbox-light.less
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
@import "palette/gruvbox-light";
|
||||||
|
@import "template/index";
|
31
src/palette/edge-light.less
Normal file
31
src/palette/edge-light.less
Normal 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;
|
31
src/palette/gruvbox-light.less
Normal file
31
src/palette/gruvbox-light.less
Normal 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;
|
Loading…
Reference in a new issue