Add palenight

This commit is contained in:
Sainnhe Park 2022-10-31 17:04:16 +08:00
parent d5dd21058f
commit 5110c70c78
5 changed files with 41 additions and 1 deletions

View File

@ -36,6 +36,10 @@
![nord](https://paste.sainnhe.dev/6pxH.png)
### Palenight
![palenight](https://paste.sainnhe.dev/xasf.png)
### Soft Era
![soft-era](https://paste.sainnhe.dev/WXrb.png)
@ -83,6 +87,7 @@ List of available themes:
- `gruvbox-material-dark`
- `gruvbox-material-light`
- `nord`
- `palenight`
- `soft-era`
- `sonokai`
- `sonokai-andromeda`
@ -167,6 +172,7 @@ List of meta tag colors of each theme (excluding `*-auto` themes):
- `gruvbox-material-dark`: `#32302f`
- `gruvbox-material-light`: `#f4e8be`
- `nord`: `#343b49`
- `palenight`: `#2c3043`
- `soft-era`: `#f4f0f0`
- `sonokai`: `#33353f`
- `sonokai-andromeda`: `#333648`

View File

@ -9,6 +9,6 @@ for theme in edge gruvbox gruvbox-material everforest; do
done
done
for theme in nord soft-era sonokai sonokai-andromeda sonokai-atlantis sonokai-espresso sonokai-maia sonokai-shusia; do
for theme in nord palenight 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-palenight.css vendored Normal file

File diff suppressed because one or more lines are too long

2
src/palenight.less Normal file
View File

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

View File

@ -0,0 +1,31 @@
@primary: #89DDFF; // primary color used in main texts
@secondary: #C792EA; // secondary color used in some texts and text based buttons
@tertiary: #82AAFF; // tertiary color used in other colored texts
@fg: #BFC7D5;
@bg0: #292D3E;
@bg1: mix(@bg0, @bg4, 75%);
@bg2: mix(@bg0, @bg4, 50%);
@bg3: mix(@bg0, @bg4, 25%);
@bg4: #353a50;
@red: #FF5572;
@orange: #FFCB6B;
@yellow: #F78C6C;
@green: #C3E88D;
@cyan: #89DDFF;
@blue: #82AAFF;
@purple: #C792EA;
@grey: #697098;
@red-bg: #55393d;
@green-bg: #394634;
@blue-bg: #354157;
@yellow-bg: #4e432f;
@button1: #82AAFF;
@button2: #C3E88D;
@button-red: #FF5572;
@key: @purple;
@operator: @blue;
@string: @green;
@value: @red;
@type: @yellow;
@function: @cyan;
@special: @orange;