From 5110c70c780a1e5028a25dce9b0368ff78a47737 Mon Sep 17 00:00:00 2001 From: Sainnhe Park Date: Mon, 31 Oct 2022 17:04:16 +0800 Subject: [PATCH] Add palenight --- README.md | 6 ++++++ build.sh | 2 +- dist/theme-palenight.css | 1 + src/palenight.less | 2 ++ src/palette/palenight.less | 31 +++++++++++++++++++++++++++++++ 5 files changed, 41 insertions(+), 1 deletion(-) create mode 100644 dist/theme-palenight.css create mode 100644 src/palenight.less create mode 100644 src/palette/palenight.less diff --git a/README.md b/README.md index 2baac17..151dad9 100644 --- a/README.md +++ b/README.md @@ -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` diff --git a/build.sh b/build.sh index 1973d54..3eaa563 100755 --- a/build.sh +++ b/build.sh @@ -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 diff --git a/dist/theme-palenight.css b/dist/theme-palenight.css new file mode 100644 index 0000000..b72ba5d --- /dev/null +++ b/dist/theme-palenight.css @@ -0,0 +1 @@ +:root{--is-dark-theme:true;--color-primary:#89DDFF;--color-primary-contrast:#292D3E;--color-primary-dark-1:#89DDFF;--color-primary-dark-2:#92d9f8;--color-primary-dark-3:#9bd6f1;--color-primary-dark-4:#a4d2ea;--color-primary-dark-5:#adcee3;--color-primary-dark-6:#b6cbdc;--color-primary-dark-7:#BFC7D5;--color-primary-light-1:#89DDFF;--color-primary-light-2:#7ac1e0;--color-primary-light-3:#6ba5c2;--color-primary-light-4:#5c88a3;--color-primary-light-5:#4d6c84;--color-primary-light-6:#3e5066;--color-primary-light-7:#2f3447;--color-primary-alpha-10:rgba(137,221,255,0.1);--color-primary-alpha-20:rgba(137,221,255,0.2);--color-primary-alpha-30:rgba(137,221,255,0.3);--color-primary-alpha-40:rgba(137,221,255,0.4);--color-primary-alpha-50:rgba(137,221,255,0.5);--color-primary-alpha-60:rgba(137,221,255,0.6);--color-primary-alpha-70:rgba(137,221,255,0.7);--color-primary-alpha-80:rgba(137,221,255,0.8);--color-primary-alpha-90:rgba(137,221,255,0.9);--color-secondary:#353a50;--color-secondary-dark-1:#353a50;--color-secondary-dark-2:#40465b;--color-secondary-dark-3:#4c5266;--color-secondary-dark-4:#585d71;--color-secondary-dark-5:#63697c;--color-secondary-dark-6:#6f7587;--color-secondary-dark-7:#7a8193;--color-secondary-dark-8:#858c9e;--color-secondary-dark-9:#9198a9;--color-secondary-dark-10:#9da4b4;--color-secondary-dark-11:#a8afbf;--color-secondary-dark-12:#b4bbca;--color-secondary-dark-13:#BFC7D5;--color-secondary-light-1:#353a50;--color-secondary-light-2:#32374c;--color-secondary-light-3:#2f3447;--color-secondary-light-4:#2c3043;--color-secondary-alpha-10:rgba(53,58,80,0.1);--color-secondary-alpha-20:rgba(53,58,80,0.2);--color-secondary-alpha-30:rgba(53,58,80,0.3);--color-secondary-alpha-40:rgba(53,58,80,0.4);--color-secondary-alpha-50:rgba(53,58,80,0.5);--color-secondary-alpha-60:rgba(53,58,80,0.6);--color-secondary-alpha-70:rgba(53,58,80,0.7);--color-secondary-alpha-80:rgba(53,58,80,0.8);--color-secondary-alpha-90:rgba(53,58,80,0.9);--color-red:#FF5572;--color-orange:#FFCB6B;--color-yellow:#F78C6C;--color-olive:#C3E88D;--color-green:#C3E88D;--color-teal:#89DDFF;--color-blue:#82AAFF;--color-violet:#C792EA;--color-purple:#C792EA;--color-pink:#C792EA;--color-brown:#FFCB6B;--color-grey:#697098;--color-red-light:#FF5572;--color-orange-light:#FFCB6B;--color-yellow-light:#F78C6C;--color-olive-light:#C3E88D;--color-green-light:#C3E88D;--color-teal-light:#89DDFF;--color-blue-light:#82AAFF;--color-violet-light:#C792EA;--color-purple-light:#C792EA;--color-pink-light:#C792EA;--color-brown-light:#FFCB6B;--color-grey-light:#697098;--color-black:#2f3447;--color-gold:#FFCB6B;--color-white:#BFC7D5;--color-diff-removed-word-bg:#88414d;--color-diff-added-word-bg:#62774f;--color-diff-removed-row-bg:#55393d;--color-diff-moved-row-bg:#354157;--color-diff-added-row-bg:#394634;--color-diff-removed-row-border:#aa4758;--color-diff-moved-row-border:#5c76ab;--color-diff-added-row-border:#7e9761;--color-diff-inactive:#2f3447;--color-error-border:#aa4758;--color-error-bg:#55393d;--color-error-text:#FF5572;--color-success-border:#7e9761;--color-success-bg:#394634;--color-success-text:#C3E88D;--color-warning-border:#a3684e;--color-warning-bg:#4e432f;--color-warning-text:#F78C6C;--color-info-border:#5c76ab;--color-info-bg:#354157;--color-info-text:#82AAFF;--color-body:#292D3E;--color-box-header:#32374c;--color-box-body:#2c3043;--color-box-body-highlight:#2f3447;--color-text-dark:#C792EA;--color-text:#BFC7D5;--color-text-hover:rgba(191,199,213,0.8);--color-text-light:#82AAFF;--color-text-light-1:#697098;--color-text-light-2:#BFC7D5;--color-text-light-3:#697098;--color-footer:#2c3043;--color-timeline:#353a50;--color-input-text:#BFC7D5;--color-input-background:#292D3E;--color-input-toggle-background:#2c3043;--color-input-border:#353a50;--color-input-border-hover:#4f5574;--color-navbar:#2c3043;--color-navbar-transparent:#2c3043;--color-light:#2c3043;--color-light-mimic-enabled:rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));--color-light-border:#353a50;--color-hover:rgba(53,58,80,0.5);--color-active:#ffffff00;--color-menu:#2c3043;--color-card:#2c3043;--color-markup-table-row:#32374c;--color-markup-code-block:#292D3E;--color-button:#32374c;--color-code-bg:#292D3E;--color-code-sidebar-bg:#2c3043;--color-shadow:#00000060;--color-secondary-bg:#2c3043;--color-text-focus:#fff;--color-expand-button:#2f3447;--color-placeholder-text:#697098;--color-editor-line-highlight:#2c3043;--color-project-board-bg:#292D3E;--color-caret:var(--color-text);--color-reaction-bg:#ffffff12;--color-reaction-active-bg:var(--color-primary-alpha-40);--color-header-bar:#2c3043;--color-label-active-bg:#353a50;--color-accent:var(--color-primary-light-1);--color-small-accent:var(--color-primary-light-5);--color-active-line:#2c3043;accent-color:var(--color-accent);color-scheme:dark}.chroma .nx{color:#BFC7D5}.chroma .c,.chroma .c1,.chroma .ch{color:#697098}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr{color:#C792EA}.chroma .o,.chroma .ow{color:#82AAFF}.chroma .s,.chroma .si,.chroma .sa,.chroma .se,.chroma .sr,.chroma .s1,.chroma .s2,.chroma .nt,.chroma .cpf{color:#C3E88D}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#FF5572}.chroma .kt,.chroma .nc,.chroma .nn,.chroma .nv{color:#F78C6C}.chroma .nf,.chroma .nb,.chroma .na{color:#89DDFF}.chroma .bp,.chroma .cp,.chroma .ne,.chroma .nd{color:#FFCB6B}.ui.primary.button,.ui.primary.buttons .button{background:#82AAFF;background-color:#82AAFF !important;color:#292D3E}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background:rgba(130,170,255,0.8);background-color:rgba(130,170,255,0.8) !important;color:#292D3E}.ui.green.buttons .button,.ui.green.button{background:#C3E88D;background-color:#C3E88D;color:#292D3E}.ui.green.buttons .button:hover,.ui.green.button:hover{background:rgba(195,232,141,0.8);background-color:rgba(195,232,141,0.8);color:#292D3E}.ui.red.labels .label,.ui.ui.ui.red.label,.ui.red.button,.ui.red.buttons .button{background:#FF5572;background-color:#FF5572;color:#292D3E}.ui.red.labels .label:hover,.ui.ui.ui.red.label:hover,.ui.red.button:hover,.ui.red.buttons .button:hover{background:rgba(255,85,114,0.8);background-color:rgba(255,85,114,0.8);color:#292D3E}.ui.labeled.button.disabled>.button,.ui.basic.buttons .button,.ui.basic.button{color:#C792EA}.ui.labeled.button.disabled>.button:hover,.ui.basic.buttons .button:hover,.ui.basic.button:hover{color:#C792EA}.repo-title{color:#C792EA}.repo-buttons button[disabled]~.label,.repo-buttons .ui.labeled.button.disabled>.label{color:#89DDFF}.ui.basic.labels .label,.ui.basic.label{color:#89DDFF}.repository .ui.segment.sub-menu .list .item a:hover,.ui.tabular.menu .item:hover{color:var(--color-text-hover)}*{scrollbar-color:#C792EA transparent !important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 6px #C792EA !important;border:2px solid transparent;border-radius:5px !important}::-webkit-scrollbar-thumb:window-inactive{box-shadow:inset 0 0 0 6px #C792EA !important}::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 6px #C792EA !important}::-webkit-scrollbar-corner{background:transparent} \ No newline at end of file diff --git a/src/palenight.less b/src/palenight.less new file mode 100644 index 0000000..e36d920 --- /dev/null +++ b/src/palenight.less @@ -0,0 +1,2 @@ +@import "palette/palenight"; +@import "template/index"; diff --git a/src/palette/palenight.less b/src/palette/palenight.less new file mode 100644 index 0000000..49059d8 --- /dev/null +++ b/src/palette/palenight.less @@ -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;