From 125ed2a9dbb8691f3ad16615f48482463e69024e Mon Sep 17 00:00:00 2001 From: Emmet Date: Wed, 26 Jun 2024 07:05:27 -0500 Subject: [PATCH] Added io theme --- README.md | 2 +- build.sh | 2 +- dist/theme-io-auto.css | 1 + dist/theme-io-light.css | 1 + dist/theme-io.css | 1 + src/io-auto.less | 8 ++++++++ src/io-light.less | 2 ++ src/io.less | 2 ++ src/palette/io-light.less | 31 +++++++++++++++++++++++++++++++ src/palette/io.less | 31 +++++++++++++++++++++++++++++++ 10 files changed, 79 insertions(+), 2 deletions(-) create mode 100644 dist/theme-io-auto.css create mode 100644 dist/theme-io-light.css create mode 100644 dist/theme-io.css create mode 100644 src/io-auto.less create mode 100644 src/io-light.less create mode 100644 src/io.less create mode 100644 src/palette/io-light.less create mode 100644 src/palette/io.less diff --git a/README.md b/README.md index 6b6eb4c..55040ad 100644 --- a/README.md +++ b/README.md @@ -162,7 +162,6 @@ THEME_COLOR_META_TAG = `#333644` ``` List of meta tag colors of each theme (excluding `*-auto` themes): - - `edge-dark`: `#333644` - `edge-light`: `#eef1f4` - `everforest-dark`: `#2d353b` @@ -172,6 +171,7 @@ List of meta tag colors of each theme (excluding `*-auto` themes): - `gruvbox-material-dark`: `#32302f` - `gruvbox-material-light`: `#f4e8be` - `nord`: `#343b49` +- `io`: `#2b212d` - `palenight`: `#2c3043` - `soft-era`: `#f4f0f0` - `sonokai`: `#33353f` diff --git a/build.sh b/build.sh index 3eaa563..d3c900f 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 palenight 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 io io-light io-auto; do lessc -x "src/${theme}.less" > "dist/theme-${theme}.css" done diff --git a/dist/theme-io-auto.css b/dist/theme-io-auto.css new file mode 100644 index 0000000..a611e50 --- /dev/null +++ b/dist/theme-io-auto.css @@ -0,0 +1 @@ +@media (prefers-color-scheme:dark){:root{--is-dark-theme:true;--color-primary:#0e85b9;--color-primary-contrast:#1a181a;--color-primary-dark-1:#0e85b9;--color-primary-dark-2:#3598c4;--color-primary-dark-3:#5dabce;--color-primary-dark-4:#84bed9;--color-primary-dark-5:#abd1e4;--color-primary-dark-6:#d3e4ee;--color-primary-dark-7:#FAF7F9;--color-primary-light-1:#0e85b9;--color-primary-light-2:#1476a2;--color-primary-light-3:#19678b;--color-primary-light-4:#1f5975;--color-primary-light-5:#254a5e;--color-primary-light-6:#2a3b47;--color-primary-light-7:#302c30;--color-primary-alpha-10:rgba(14,133,185,0.1);--color-primary-alpha-20:rgba(14,133,185,0.2);--color-primary-alpha-30:rgba(14,133,185,0.3);--color-primary-alpha-40:rgba(14,133,185,0.4);--color-primary-alpha-50:rgba(14,133,185,0.5);--color-primary-alpha-60:rgba(14,133,185,0.6);--color-primary-alpha-70:rgba(14,133,185,0.7);--color-primary-alpha-80:rgba(14,133,185,0.8);--color-primary-alpha-90:rgba(14,133,185,0.9);--color-secondary:#463f47;--color-secondary-dark-1:#463f47;--color-secondary-dark-2:#554e56;--color-secondary-dark-3:#645e65;--color-secondary-dark-4:#736d74;--color-secondary-dark-5:#827c82;--color-secondary-dark-6:#918c91;--color-secondary-dark-7:#a09ba0;--color-secondary-dark-8:#afaaaf;--color-secondary-dark-9:#bebabe;--color-secondary-dark-10:#cdc9cd;--color-secondary-dark-11:#dcd8db;--color-secondary-dark-12:#ebe8ea;--color-secondary-dark-13:#FAF7F9;--color-secondary-light-1:#463f47;--color-secondary-light-2:#373238;--color-secondary-light-3:#302c30;--color-secondary-light-4:#262326;--color-secondary-alpha-10:rgba(70,63,71,0.1);--color-secondary-alpha-20:rgba(70,63,71,0.2);--color-secondary-alpha-30:rgba(70,63,71,0.3);--color-secondary-alpha-40:rgba(70,63,71,0.4);--color-secondary-alpha-50:rgba(70,63,71,0.5);--color-secondary-alpha-60:rgba(70,63,71,0.6);--color-secondary-alpha-70:rgba(70,63,71,0.7);--color-secondary-alpha-80:rgba(70,63,71,0.8);--color-secondary-alpha-90:rgba(70,63,71,0.9);--color-red:#de5b44;--color-orange:#e39755;--color-yellow:#a84a73;--color-olive:#a3ab5a;--color-green:#a3ab5a;--color-teal:#6ac38f;--color-blue:#0e85b9;--color-violet:#9c5fce;--color-purple:#9c5fce;--color-pink:#9c5fce;--color-brown:#e39755;--color-grey:#BFAAB7;--color-red-light:#de5b44;--color-orange-light:#e39755;--color-yellow-light:#a84a73;--color-olive-light:#a3ab5a;--color-green-light:#a3ab5a;--color-teal-light:#6ac38f;--color-blue-light:#0e85b9;--color-violet-light:#9c5fce;--color-purple-light:#9c5fce;--color-pink-light:#9c5fce;--color-brown-light:#e39755;--color-grey-light:#BFAAB7;--color-black:#302c30;--color-gold:#e39755;--color-white:#1a181a;--color-diff-removed-word-bg:#64291f;--color-diff-added-word-bg:#52562a;--color-diff-removed-row-bg:#30140f;--color-diff-moved-row-bg:#032535;--color-diff-added-row-bg:#2f3216;--color-diff-removed-row-border:#87382a;--color-diff-moved-row-border:#095577;--color-diff-added-row-border:#696f38;--color-diff-inactive:#302c30;--color-error-border:#87382a;--color-error-bg:#30140f;--color-error-text:#de5b44;--color-success-border:#696f38;--color-success-bg:#2f3216;--color-success-text:#a3ab5a;--color-warning-border:#71314d;--color-warning-bg:#391826;--color-warning-text:#a84a73;--color-info-border:#095577;--color-info-bg:#032535;--color-info-text:#0e85b9;--color-body:#1a181a;--color-box-header:#373238;--color-box-body:#262326;--color-box-body-highlight:#302c30;--color-text-dark:#6ac38f;--color-text:#FAF7F9;--color-text-hover:rgba(250,247,249,0.8);--color-text-light:#c965bf;--color-text-light-1:#BFAAB7;--color-text-light-2:#6ac38f;--color-text-light-3:#BFAAB7;--color-footer:#262326;--color-timeline:#463f47;--color-input-text:#FAF7F9;--color-input-background:#1a181a;--color-input-toggle-background:#262326;--color-input-border:#463f47;--color-input-border-hover:#83757f;--color-navbar:#262326;--color-navbar-transparent:#262326;--color-nav-bg:#262326;--color-nav-hover-bg:#373238;--color-light:#262326;--color-light-mimic-enabled:rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));--color-light-border:#463f47;--color-hover:rgba(70,63,71,0.5);--color-active:rgba(70,63,71,0.5);--color-menu:#262326;--color-card:#262326;--color-markup-table-row:#373238;--color-markup-code-block:#1a181a;--color-button:#373238;--color-code-bg:#1a181a;--color-code-sidebar-bg:#262326;--color-shadow:#00000060;--color-secondary-bg:#262326;--color-text-focus:#fff;--color-expand-button:#302c30;--color-placeholder-text:#BFAAB7;--color-editor-line-highlight:#262326;--color-project-board-bg:#1a181a;--color-project-board-light-label:#0e85b9;--color-caret:var(--color-text);--color-reaction-bg:#ffffff12;--color-reaction-active-bg:var(--color-primary-alpha-40);--color-header-bar:#262326;--color-label-bg:#463f47;--color-label-text:#c965bf;--color-label-active-bg:#463f47;--color-accent:var(--color-primary-light-1);--color-small-accent:var(--color-primary-light-5);--color-active-line:#262326;accent-color:var(--color-accent);color-scheme:dark}.chroma .nx{color:#FAF7F9}.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm,.chroma .sd{color:#BFAAB7}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr{color:#de5b44}.chroma .o,.chroma .ow{color:#e39755}.chroma .s,.chroma .s1,.chroma .s2,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .sh,.chroma .si,.chroma .sr,.chroma .ss,.chroma .sx,.chroma .nt,.chroma .cpf{color:#6ac38f}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo,.chroma .nl{color:#9c5fce}.chroma .kt,.chroma .nc,.chroma .nn,.chroma .nv{color:#a84a73}.chroma .nf,.chroma .nb,.chroma .na{color:#a3ab5a}.chroma .bp,.chroma .cp,.chroma .ne,.chroma .nd,.chroma .se{color:#0e85b9}.ui.primary.button,.ui.primary.buttons .button{background:#c965bf;background-color:#c965bf !important;color:#1a181a}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background:rgba(201,101,191,0.8);background-color:rgba(201,101,191,0.8) !important;color:#1a181a}.ui.grey.labels .label,.ui.ui.ui.grey.label,.ui.grey.button,.ui.grey.buttons .button{color:#1a181a;background-color:#c965bf;border-color:#c965bf}.ui.grey.labels .label:hover,.ui.ui.ui.grey.label:hover,.ui.grey.button:hover,.ui.grey.buttons .button:hover{color:#1a181a;background-color:#c965bf;border-color:#c965bf}.ui.green.buttons .button,.ui.green.button{background:#6ac38f;background-color:#6ac38f;color:#1a181a}.ui.green.buttons .button:hover,.ui.green.button:hover{background:rgba(106,195,143,0.8);background-color:rgba(106,195,143,0.8);color:#1a181a}.ui.labeled.button.disabled>.button,.ui.basic.buttons .button,.ui.basic.button{color:#6ac38f}.ui.labeled.button.disabled>.button:hover,.ui.basic.buttons .button:hover,.ui.basic.button:hover{color:#6ac38f}.repo-title{color:#6ac38f}.repo-buttons button[disabled]~.label,.repo-buttons .ui.labeled.button.disabled>.label{color:#0e85b9}.ui.basic.labels .label,.ui.basic.label{color:#0e85b9}.repository .ui.segment.sub-menu .list .item a:hover,.ui.tabular.menu .item:hover{color:var(--color-text-hover)}.ui.primary.labels .label,.ui.ui.ui.primary.label{color:#1a181a}.ui.green.labels .label,.ui.ui.ui.green.label{color:#1a181a}i.grey.icon.icon.icon.icon{color:#BFAAB7}*{scrollbar-color:#6ac38f transparent !important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 6px #6ac38f !important;border:2px solid transparent;border-radius:5px !important}::-webkit-scrollbar-thumb:window-inactive{box-shadow:inset 0 0 0 6px #6ac38f !important}::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 6px #6ac38f !important}::-webkit-scrollbar-corner{background:transparent}.ui.red.labels .label,.ui.ui.ui.red.label,.ui.red.button,.ui.red.buttons .button{background:#de5b44;background-color:#de5b44;color:#1a181a}.ui.red.labels .label:hover,.ui.ui.ui.red.label:hover,.ui.red.button:hover,.ui.red.buttons .button:hover{background:rgba(222,91,68,0.8);background-color:rgba(222,91,68,0.8);color:#1a181a}.ui.labels a.label,a.ui.label{background-color:#262326}.ui.labels a.label:hover,a.ui.label:hover{background-color:#1a181a}.ui.orange.labels .label,.ui.ui.ui.orange.label,.ui.orange.button,.ui.orange.buttons .button{background:#e39755;background-color:#e39755;color:#1a181a}.ui.orange.labels .label:hover,.ui.ui.ui.orange.label:hover,.ui.orange.button:hover,.ui.orange.buttons .button:hover{background:rgba(227,151,85,0.8);background-color:rgba(227,151,85,0.8);color:#1a181a}}@media (prefers-color-scheme:light){:root{--is-dark-theme:true;--color-primary:#c965bf;--color-primary-contrast:#e4ccd0;--color-primary-dark-1:#c965bf;--color-primary-dark-2:#ad59a5;--color-primary-dark-3:#924c8c;--color-primary-dark-4:#774073;--color-primary-dark-5:#5b3459;--color-primary-dark-6:#402740;--color-primary-dark-7:#241b26;--color-primary-light-1:#c965bf;--color-primary-light-2:#cf78c3;--color-primary-light-3:#d58ac8;--color-primary-light-4:#dc9dcc;--color-primary-light-5:#e2b0d0;--color-primary-light-6:#e8c2d5;--color-primary-light-7:#eed5d9;--color-primary-alpha-10:rgba(201,101,191,0.1);--color-primary-alpha-20:rgba(201,101,191,0.2);--color-primary-alpha-30:rgba(201,101,191,0.3);--color-primary-alpha-40:rgba(201,101,191,0.4);--color-primary-alpha-50:rgba(201,101,191,0.5);--color-primary-alpha-60:rgba(201,101,191,0.6);--color-primary-alpha-70:rgba(201,101,191,0.7);--color-primary-alpha-80:rgba(201,101,191,0.8);--color-primary-alpha-90:rgba(201,101,191,0.9);--color-secondary:#80676B;--color-secondary-dark-1:#80676B;--color-secondary-dark-2:#786165;--color-secondary-dark-3:#715a5f;--color-secondary-dark-4:#69545a;--color-secondary-dark-5:#614e54;--color-secondary-dark-6:#5a474e;--color-secondary-dark-7:#524149;--color-secondary-dark-8:#4a3b43;--color-secondary-dark-9:#43343d;--color-secondary-dark-10:#3b2e37;--color-secondary-dark-11:#332832;--color-secondary-dark-12:#2c212c;--color-secondary-dark-13:#241b26;--color-secondary-light-1:#80676B;--color-secondary-light-2:#b7a3a6;--color-secondary-light-3:#eed5d9;--color-secondary-light-4:#d9c2c6;--color-secondary-alpha-10:rgba(128,103,107,0.1);--color-secondary-alpha-20:rgba(128,103,107,0.2);--color-secondary-alpha-30:rgba(128,103,107,0.3);--color-secondary-alpha-40:rgba(128,103,107,0.4);--color-secondary-alpha-50:rgba(128,103,107,0.5);--color-secondary-alpha-60:rgba(128,103,107,0.6);--color-secondary-alpha-70:rgba(128,103,107,0.7);--color-secondary-alpha-80:rgba(128,103,107,0.8);--color-secondary-alpha-90:rgba(128,103,107,0.9);--color-red:#796B6D;--color-orange:#e39755;--color-yellow:#a84a73;--color-olive:#a3ab5a;--color-green:#a3ab5a;--color-teal:#6ac38f;--color-blue:#0E85B9;--color-violet:#9c5fce;--color-purple:#9c5fce;--color-pink:#9c5fce;--color-brown:#e39755;--color-grey:#7e5f83;--color-red-light:#796B6D;--color-orange-light:#e39755;--color-yellow-light:#a84a73;--color-olive-light:#a3ab5a;--color-green-light:#a3ab5a;--color-teal-light:#6ac38f;--color-blue-light:#0E85B9;--color-violet-light:#9c5fce;--color-purple-light:#9c5fce;--color-pink-light:#9c5fce;--color-brown-light:#e39755;--color-grey-light:#7e5f83;--color-black:#eed5d9;--color-gold:#e39755;--color-white:#e4ccd0;--color-diff-removed-word-bg:#ccaba6;--color-diff-added-word-bg:#d1d89d;--color-diff-removed-row-bg:#F0C6BF;--color-diff-moved-row-bg:#C0DFEC;--color-diff-added-row-bg:#E5EBBA;--color-diff-removed-row-border:#b59996;--color-diff-moved-row-border:#67b2d3;--color-diff-added-row-border:#c4cb8a;--color-diff-inactive:#eed5d9;--color-error-border:#b59996;--color-error-bg:#F0C6BF;--color-error-text:#796B6D;--color-success-border:#c4cb8a;--color-success-bg:#E5EBBA;--color-success-text:#a3ab5a;--color-warning-border:#ca81a0;--color-warning-bg:#EBB7CD;--color-warning-text:#a84a73;--color-info-border:#67b2d3;--color-info-bg:#C0DFEC;--color-info-text:#0E85B9;--color-body:#e4ccd0;--color-box-header:#b7a3a6;--color-box-body:#d9c2c6;--color-box-body-highlight:#eed5d9;--color-text-dark:#6a9eb5;--color-text:#241b26;--color-text-hover:rgba(36,27,38,0.8);--color-text-light:#6ac38f;--color-text-light-1:#7e5f83;--color-text-light-2:#6a9eb5;--color-text-light-3:#7e5f83;--color-footer:#d9c2c6;--color-timeline:#80676B;--color-input-text:#241b26;--color-input-background:#e4ccd0;--color-input-toggle-background:#d9c2c6;--color-input-border:#80676B;--color-input-border-hover:#7f6377;--color-navbar:#d9c2c6;--color-navbar-transparent:#d9c2c6;--color-nav-bg:#d9c2c6;--color-nav-hover-bg:#b7a3a6;--color-light:#d9c2c6;--color-light-mimic-enabled:rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));--color-light-border:#80676B;--color-hover:rgba(128,103,107,0.5);--color-active:rgba(128,103,107,0.5);--color-menu:#d9c2c6;--color-card:#d9c2c6;--color-markup-table-row:#b7a3a6;--color-markup-code-block:#e4ccd0;--color-button:#b7a3a6;--color-code-bg:#e4ccd0;--color-code-sidebar-bg:#d9c2c6;--color-shadow:#00000060;--color-secondary-bg:#d9c2c6;--color-text-focus:#fff;--color-expand-button:#eed5d9;--color-placeholder-text:#7e5f83;--color-editor-line-highlight:#d9c2c6;--color-project-board-bg:#e4ccd0;--color-project-board-light-label:#c965bf;--color-caret:var(--color-text);--color-reaction-bg:#ffffff12;--color-reaction-active-bg:var(--color-primary-alpha-40);--color-header-bar:#d9c2c6;--color-label-bg:#80676B;--color-label-text:#6ac38f;--color-label-active-bg:#80676B;--color-accent:var(--color-primary-light-1);--color-small-accent:var(--color-primary-light-5);--color-active-line:#d9c2c6;accent-color:var(--color-accent);color-scheme:dark}.chroma .nx{color:#241b26}.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm,.chroma .sd{color:#7e5f83}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr{color:#796B6D}.chroma .o,.chroma .ow{color:#e39755}.chroma .s,.chroma .s1,.chroma .s2,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .sh,.chroma .si,.chroma .sr,.chroma .ss,.chroma .sx,.chroma .nt,.chroma .cpf{color:#6ac38f}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo,.chroma .nl{color:#9c5fce}.chroma .kt,.chroma .nc,.chroma .nn,.chroma .nv{color:#a84a73}.chroma .nf,.chroma .nb,.chroma .na{color:#a3ab5a}.chroma .bp,.chroma .cp,.chroma .ne,.chroma .nd,.chroma .se{color:#0E85B9}.ui.primary.button,.ui.primary.buttons .button{background:#c965bf;background-color:#c965bf !important;color:#e4ccd0}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background:rgba(201,101,191,0.8);background-color:rgba(201,101,191,0.8) !important;color:#e4ccd0}.ui.grey.labels .label,.ui.ui.ui.grey.label,.ui.grey.button,.ui.grey.buttons .button{color:#e4ccd0;background-color:#c965bf;border-color:#c965bf}.ui.grey.labels .label:hover,.ui.ui.ui.grey.label:hover,.ui.grey.button:hover,.ui.grey.buttons .button:hover{color:#e4ccd0;background-color:#c965bf;border-color:#c965bf}.ui.green.buttons .button,.ui.green.button{background:#6ac38f;background-color:#6ac38f;color:#e4ccd0}.ui.green.buttons .button:hover,.ui.green.button:hover{background:rgba(106,195,143,0.8);background-color:rgba(106,195,143,0.8);color:#e4ccd0}.ui.labeled.button.disabled>.button,.ui.basic.buttons .button,.ui.basic.button{color:#6a9eb5}.ui.labeled.button.disabled>.button:hover,.ui.basic.buttons .button:hover,.ui.basic.button:hover{color:#6a9eb5}.repo-title{color:#6a9eb5}.repo-buttons button[disabled]~.label,.repo-buttons .ui.labeled.button.disabled>.label{color:#c965bf}.ui.basic.labels .label,.ui.basic.label{color:#c965bf}.repository .ui.segment.sub-menu .list .item a:hover,.ui.tabular.menu .item:hover{color:var(--color-text-hover)}.ui.primary.labels .label,.ui.ui.ui.primary.label{color:#e4ccd0}.ui.green.labels .label,.ui.ui.ui.green.label{color:#e4ccd0}i.grey.icon.icon.icon.icon{color:#7e5f83}*{scrollbar-color:#6a9eb5 transparent !important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 6px #6a9eb5 !important;border:2px solid transparent;border-radius:5px !important}::-webkit-scrollbar-thumb:window-inactive{box-shadow:inset 0 0 0 6px #6a9eb5 !important}::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 6px #6a9eb5 !important}::-webkit-scrollbar-corner{background:transparent}.ui.red.labels .label,.ui.ui.ui.red.label,.ui.red.button,.ui.red.buttons .button{background:#de5b44;background-color:#de5b44;color:#e4ccd0}.ui.red.labels .label:hover,.ui.ui.ui.red.label:hover,.ui.red.button:hover,.ui.red.buttons .button:hover{background:rgba(222,91,68,0.8);background-color:rgba(222,91,68,0.8);color:#e4ccd0}.ui.labels a.label,a.ui.label{background-color:#d9c2c6}.ui.labels a.label:hover,a.ui.label:hover{background-color:#e4ccd0}.ui.orange.labels .label,.ui.ui.ui.orange.label,.ui.orange.button,.ui.orange.buttons .button{background:#e39755;background-color:#e39755;color:#e4ccd0}.ui.orange.labels .label:hover,.ui.ui.ui.orange.label:hover,.ui.orange.button:hover,.ui.orange.buttons .button:hover{background:rgba(227,151,85,0.8);background-color:rgba(227,151,85,0.8);color:#e4ccd0}} \ No newline at end of file diff --git a/dist/theme-io-light.css b/dist/theme-io-light.css new file mode 100644 index 0000000..0075898 --- /dev/null +++ b/dist/theme-io-light.css @@ -0,0 +1 @@ +:root{--is-dark-theme:true;--color-primary:#c965bf;--color-primary-contrast:#e4ccd0;--color-primary-dark-1:#c965bf;--color-primary-dark-2:#ad59a5;--color-primary-dark-3:#924c8c;--color-primary-dark-4:#774073;--color-primary-dark-5:#5b3459;--color-primary-dark-6:#402740;--color-primary-dark-7:#241b26;--color-primary-light-1:#c965bf;--color-primary-light-2:#cf78c3;--color-primary-light-3:#d58ac8;--color-primary-light-4:#dc9dcc;--color-primary-light-5:#e2b0d0;--color-primary-light-6:#e8c2d5;--color-primary-light-7:#eed5d9;--color-primary-alpha-10:rgba(201,101,191,0.1);--color-primary-alpha-20:rgba(201,101,191,0.2);--color-primary-alpha-30:rgba(201,101,191,0.3);--color-primary-alpha-40:rgba(201,101,191,0.4);--color-primary-alpha-50:rgba(201,101,191,0.5);--color-primary-alpha-60:rgba(201,101,191,0.6);--color-primary-alpha-70:rgba(201,101,191,0.7);--color-primary-alpha-80:rgba(201,101,191,0.8);--color-primary-alpha-90:rgba(201,101,191,0.9);--color-secondary:#80676B;--color-secondary-dark-1:#80676B;--color-secondary-dark-2:#786165;--color-secondary-dark-3:#715a5f;--color-secondary-dark-4:#69545a;--color-secondary-dark-5:#614e54;--color-secondary-dark-6:#5a474e;--color-secondary-dark-7:#524149;--color-secondary-dark-8:#4a3b43;--color-secondary-dark-9:#43343d;--color-secondary-dark-10:#3b2e37;--color-secondary-dark-11:#332832;--color-secondary-dark-12:#2c212c;--color-secondary-dark-13:#241b26;--color-secondary-light-1:#80676B;--color-secondary-light-2:#b7a3a6;--color-secondary-light-3:#eed5d9;--color-secondary-light-4:#d9c2c6;--color-secondary-alpha-10:rgba(128,103,107,0.1);--color-secondary-alpha-20:rgba(128,103,107,0.2);--color-secondary-alpha-30:rgba(128,103,107,0.3);--color-secondary-alpha-40:rgba(128,103,107,0.4);--color-secondary-alpha-50:rgba(128,103,107,0.5);--color-secondary-alpha-60:rgba(128,103,107,0.6);--color-secondary-alpha-70:rgba(128,103,107,0.7);--color-secondary-alpha-80:rgba(128,103,107,0.8);--color-secondary-alpha-90:rgba(128,103,107,0.9);--color-red:#796B6D;--color-orange:#e39755;--color-yellow:#a84a73;--color-olive:#a3ab5a;--color-green:#a3ab5a;--color-teal:#6ac38f;--color-blue:#0E85B9;--color-violet:#9c5fce;--color-purple:#9c5fce;--color-pink:#9c5fce;--color-brown:#e39755;--color-grey:#7e5f83;--color-red-light:#796B6D;--color-orange-light:#e39755;--color-yellow-light:#a84a73;--color-olive-light:#a3ab5a;--color-green-light:#a3ab5a;--color-teal-light:#6ac38f;--color-blue-light:#0E85B9;--color-violet-light:#9c5fce;--color-purple-light:#9c5fce;--color-pink-light:#9c5fce;--color-brown-light:#e39755;--color-grey-light:#7e5f83;--color-black:#eed5d9;--color-gold:#e39755;--color-white:#e4ccd0;--color-diff-removed-word-bg:#ccaba6;--color-diff-added-word-bg:#d1d89d;--color-diff-removed-row-bg:#F0C6BF;--color-diff-moved-row-bg:#C0DFEC;--color-diff-added-row-bg:#E5EBBA;--color-diff-removed-row-border:#b59996;--color-diff-moved-row-border:#67b2d3;--color-diff-added-row-border:#c4cb8a;--color-diff-inactive:#eed5d9;--color-error-border:#b59996;--color-error-bg:#F0C6BF;--color-error-text:#796B6D;--color-success-border:#c4cb8a;--color-success-bg:#E5EBBA;--color-success-text:#a3ab5a;--color-warning-border:#ca81a0;--color-warning-bg:#EBB7CD;--color-warning-text:#a84a73;--color-info-border:#67b2d3;--color-info-bg:#C0DFEC;--color-info-text:#0E85B9;--color-body:#e4ccd0;--color-box-header:#b7a3a6;--color-box-body:#d9c2c6;--color-box-body-highlight:#eed5d9;--color-text-dark:#6a9eb5;--color-text:#241b26;--color-text-hover:rgba(36,27,38,0.8);--color-text-light:#6ac38f;--color-text-light-1:#7e5f83;--color-text-light-2:#6a9eb5;--color-text-light-3:#7e5f83;--color-footer:#d9c2c6;--color-timeline:#80676B;--color-input-text:#241b26;--color-input-background:#e4ccd0;--color-input-toggle-background:#d9c2c6;--color-input-border:#80676B;--color-input-border-hover:#7f6377;--color-navbar:#d9c2c6;--color-navbar-transparent:#d9c2c6;--color-nav-bg:#d9c2c6;--color-nav-hover-bg:#b7a3a6;--color-light:#d9c2c6;--color-light-mimic-enabled:rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));--color-light-border:#80676B;--color-hover:rgba(128,103,107,0.5);--color-active:rgba(128,103,107,0.5);--color-menu:#d9c2c6;--color-card:#d9c2c6;--color-markup-table-row:#b7a3a6;--color-markup-code-block:#e4ccd0;--color-button:#b7a3a6;--color-code-bg:#e4ccd0;--color-code-sidebar-bg:#d9c2c6;--color-shadow:#00000060;--color-secondary-bg:#d9c2c6;--color-text-focus:#fff;--color-expand-button:#eed5d9;--color-placeholder-text:#7e5f83;--color-editor-line-highlight:#d9c2c6;--color-project-board-bg:#e4ccd0;--color-project-board-light-label:#c965bf;--color-caret:var(--color-text);--color-reaction-bg:#ffffff12;--color-reaction-active-bg:var(--color-primary-alpha-40);--color-header-bar:#d9c2c6;--color-label-bg:#80676B;--color-label-text:#6ac38f;--color-label-active-bg:#80676B;--color-accent:var(--color-primary-light-1);--color-small-accent:var(--color-primary-light-5);--color-active-line:#d9c2c6;accent-color:var(--color-accent);color-scheme:dark}.chroma .nx{color:#241b26}.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm,.chroma .sd{color:#7e5f83}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr{color:#796B6D}.chroma .o,.chroma .ow{color:#e39755}.chroma .s,.chroma .s1,.chroma .s2,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .sh,.chroma .si,.chroma .sr,.chroma .ss,.chroma .sx,.chroma .nt,.chroma .cpf{color:#6ac38f}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo,.chroma .nl{color:#9c5fce}.chroma .kt,.chroma .nc,.chroma .nn,.chroma .nv{color:#a84a73}.chroma .nf,.chroma .nb,.chroma .na{color:#a3ab5a}.chroma .bp,.chroma .cp,.chroma .ne,.chroma .nd,.chroma .se{color:#0E85B9}.ui.primary.button,.ui.primary.buttons .button{background:#c965bf;background-color:#c965bf !important;color:#e4ccd0}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background:rgba(201,101,191,0.8);background-color:rgba(201,101,191,0.8) !important;color:#e4ccd0}.ui.grey.labels .label,.ui.ui.ui.grey.label,.ui.grey.button,.ui.grey.buttons .button{color:#e4ccd0;background-color:#c965bf;border-color:#c965bf}.ui.grey.labels .label:hover,.ui.ui.ui.grey.label:hover,.ui.grey.button:hover,.ui.grey.buttons .button:hover{color:#e4ccd0;background-color:#c965bf;border-color:#c965bf}.ui.green.buttons .button,.ui.green.button{background:#6ac38f;background-color:#6ac38f;color:#e4ccd0}.ui.green.buttons .button:hover,.ui.green.button:hover{background:rgba(106,195,143,0.8);background-color:rgba(106,195,143,0.8);color:#e4ccd0}.ui.labeled.button.disabled>.button,.ui.basic.buttons .button,.ui.basic.button{color:#6a9eb5}.ui.labeled.button.disabled>.button:hover,.ui.basic.buttons .button:hover,.ui.basic.button:hover{color:#6a9eb5}.repo-title{color:#6a9eb5}.repo-buttons button[disabled]~.label,.repo-buttons .ui.labeled.button.disabled>.label{color:#c965bf}.ui.basic.labels .label,.ui.basic.label{color:#c965bf}.repository .ui.segment.sub-menu .list .item a:hover,.ui.tabular.menu .item:hover{color:var(--color-text-hover)}.ui.primary.labels .label,.ui.ui.ui.primary.label{color:#e4ccd0}.ui.green.labels .label,.ui.ui.ui.green.label{color:#e4ccd0}i.grey.icon.icon.icon.icon{color:#7e5f83}*{scrollbar-color:#6a9eb5 transparent !important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 6px #6a9eb5 !important;border:2px solid transparent;border-radius:5px !important}::-webkit-scrollbar-thumb:window-inactive{box-shadow:inset 0 0 0 6px #6a9eb5 !important}::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 6px #6a9eb5 !important}::-webkit-scrollbar-corner{background:transparent}.ui.red.labels .label,.ui.ui.ui.red.label,.ui.red.button,.ui.red.buttons .button{background:#de5b44;background-color:#de5b44;color:#e4ccd0}.ui.red.labels .label:hover,.ui.ui.ui.red.label:hover,.ui.red.button:hover,.ui.red.buttons .button:hover{background:rgba(222,91,68,0.8);background-color:rgba(222,91,68,0.8);color:#e4ccd0}.ui.labels a.label,a.ui.label{background-color:#d9c2c6}.ui.labels a.label:hover,a.ui.label:hover{background-color:#e4ccd0}.ui.orange.labels .label,.ui.ui.ui.orange.label,.ui.orange.button,.ui.orange.buttons .button{background:#e39755;background-color:#e39755;color:#e4ccd0}.ui.orange.labels .label:hover,.ui.ui.ui.orange.label:hover,.ui.orange.button:hover,.ui.orange.buttons .button:hover{background:rgba(227,151,85,0.8);background-color:rgba(227,151,85,0.8);color:#e4ccd0} \ No newline at end of file diff --git a/dist/theme-io.css b/dist/theme-io.css new file mode 100644 index 0000000..83dfd37 --- /dev/null +++ b/dist/theme-io.css @@ -0,0 +1 @@ +:root{--is-dark-theme:true;--color-primary:#0e85b9;--color-primary-contrast:#1a181a;--color-primary-dark-1:#0e85b9;--color-primary-dark-2:#3598c4;--color-primary-dark-3:#5dabce;--color-primary-dark-4:#84bed9;--color-primary-dark-5:#abd1e4;--color-primary-dark-6:#d3e4ee;--color-primary-dark-7:#FAF7F9;--color-primary-light-1:#0e85b9;--color-primary-light-2:#1476a2;--color-primary-light-3:#19678b;--color-primary-light-4:#1f5975;--color-primary-light-5:#254a5e;--color-primary-light-6:#2a3b47;--color-primary-light-7:#302c30;--color-primary-alpha-10:rgba(14,133,185,0.1);--color-primary-alpha-20:rgba(14,133,185,0.2);--color-primary-alpha-30:rgba(14,133,185,0.3);--color-primary-alpha-40:rgba(14,133,185,0.4);--color-primary-alpha-50:rgba(14,133,185,0.5);--color-primary-alpha-60:rgba(14,133,185,0.6);--color-primary-alpha-70:rgba(14,133,185,0.7);--color-primary-alpha-80:rgba(14,133,185,0.8);--color-primary-alpha-90:rgba(14,133,185,0.9);--color-secondary:#463f47;--color-secondary-dark-1:#463f47;--color-secondary-dark-2:#554e56;--color-secondary-dark-3:#645e65;--color-secondary-dark-4:#736d74;--color-secondary-dark-5:#827c82;--color-secondary-dark-6:#918c91;--color-secondary-dark-7:#a09ba0;--color-secondary-dark-8:#afaaaf;--color-secondary-dark-9:#bebabe;--color-secondary-dark-10:#cdc9cd;--color-secondary-dark-11:#dcd8db;--color-secondary-dark-12:#ebe8ea;--color-secondary-dark-13:#FAF7F9;--color-secondary-light-1:#463f47;--color-secondary-light-2:#373238;--color-secondary-light-3:#302c30;--color-secondary-light-4:#262326;--color-secondary-alpha-10:rgba(70,63,71,0.1);--color-secondary-alpha-20:rgba(70,63,71,0.2);--color-secondary-alpha-30:rgba(70,63,71,0.3);--color-secondary-alpha-40:rgba(70,63,71,0.4);--color-secondary-alpha-50:rgba(70,63,71,0.5);--color-secondary-alpha-60:rgba(70,63,71,0.6);--color-secondary-alpha-70:rgba(70,63,71,0.7);--color-secondary-alpha-80:rgba(70,63,71,0.8);--color-secondary-alpha-90:rgba(70,63,71,0.9);--color-red:#de5b44;--color-orange:#e39755;--color-yellow:#a84a73;--color-olive:#a3ab5a;--color-green:#a3ab5a;--color-teal:#6ac38f;--color-blue:#0e85b9;--color-violet:#9c5fce;--color-purple:#9c5fce;--color-pink:#9c5fce;--color-brown:#e39755;--color-grey:#BFAAB7;--color-red-light:#de5b44;--color-orange-light:#e39755;--color-yellow-light:#a84a73;--color-olive-light:#a3ab5a;--color-green-light:#a3ab5a;--color-teal-light:#6ac38f;--color-blue-light:#0e85b9;--color-violet-light:#9c5fce;--color-purple-light:#9c5fce;--color-pink-light:#9c5fce;--color-brown-light:#e39755;--color-grey-light:#BFAAB7;--color-black:#302c30;--color-gold:#e39755;--color-white:#1a181a;--color-diff-removed-word-bg:#64291f;--color-diff-added-word-bg:#52562a;--color-diff-removed-row-bg:#30140f;--color-diff-moved-row-bg:#032535;--color-diff-added-row-bg:#2f3216;--color-diff-removed-row-border:#87382a;--color-diff-moved-row-border:#095577;--color-diff-added-row-border:#696f38;--color-diff-inactive:#302c30;--color-error-border:#87382a;--color-error-bg:#30140f;--color-error-text:#de5b44;--color-success-border:#696f38;--color-success-bg:#2f3216;--color-success-text:#a3ab5a;--color-warning-border:#71314d;--color-warning-bg:#391826;--color-warning-text:#a84a73;--color-info-border:#095577;--color-info-bg:#032535;--color-info-text:#0e85b9;--color-body:#1a181a;--color-box-header:#373238;--color-box-body:#262326;--color-box-body-highlight:#302c30;--color-text-dark:#6ac38f;--color-text:#FAF7F9;--color-text-hover:rgba(250,247,249,0.8);--color-text-light:#c965bf;--color-text-light-1:#BFAAB7;--color-text-light-2:#6ac38f;--color-text-light-3:#BFAAB7;--color-footer:#262326;--color-timeline:#463f47;--color-input-text:#FAF7F9;--color-input-background:#1a181a;--color-input-toggle-background:#262326;--color-input-border:#463f47;--color-input-border-hover:#83757f;--color-navbar:#262326;--color-navbar-transparent:#262326;--color-nav-bg:#262326;--color-nav-hover-bg:#373238;--color-light:#262326;--color-light-mimic-enabled:rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));--color-light-border:#463f47;--color-hover:rgba(70,63,71,0.5);--color-active:rgba(70,63,71,0.5);--color-menu:#262326;--color-card:#262326;--color-markup-table-row:#373238;--color-markup-code-block:#1a181a;--color-button:#373238;--color-code-bg:#1a181a;--color-code-sidebar-bg:#262326;--color-shadow:#00000060;--color-secondary-bg:#262326;--color-text-focus:#fff;--color-expand-button:#302c30;--color-placeholder-text:#BFAAB7;--color-editor-line-highlight:#262326;--color-project-board-bg:#1a181a;--color-project-board-light-label:#0e85b9;--color-caret:var(--color-text);--color-reaction-bg:#ffffff12;--color-reaction-active-bg:var(--color-primary-alpha-40);--color-header-bar:#262326;--color-label-bg:#463f47;--color-label-text:#c965bf;--color-label-active-bg:#463f47;--color-accent:var(--color-primary-light-1);--color-small-accent:var(--color-primary-light-5);--color-active-line:#262326;accent-color:var(--color-accent);color-scheme:dark}.chroma .nx{color:#FAF7F9}.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm,.chroma .sd{color:#BFAAB7}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr{color:#de5b44}.chroma .o,.chroma .ow{color:#e39755}.chroma .s,.chroma .s1,.chroma .s2,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .sh,.chroma .si,.chroma .sr,.chroma .ss,.chroma .sx,.chroma .nt,.chroma .cpf{color:#6ac38f}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo,.chroma .nl{color:#9c5fce}.chroma .kt,.chroma .nc,.chroma .nn,.chroma .nv{color:#a84a73}.chroma .nf,.chroma .nb,.chroma .na{color:#a3ab5a}.chroma .bp,.chroma .cp,.chroma .ne,.chroma .nd,.chroma .se{color:#0e85b9}.ui.primary.button,.ui.primary.buttons .button{background:#c965bf;background-color:#c965bf !important;color:#1a181a}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background:rgba(201,101,191,0.8);background-color:rgba(201,101,191,0.8) !important;color:#1a181a}.ui.grey.labels .label,.ui.ui.ui.grey.label,.ui.grey.button,.ui.grey.buttons .button{color:#1a181a;background-color:#c965bf;border-color:#c965bf}.ui.grey.labels .label:hover,.ui.ui.ui.grey.label:hover,.ui.grey.button:hover,.ui.grey.buttons .button:hover{color:#1a181a;background-color:#c965bf;border-color:#c965bf}.ui.green.buttons .button,.ui.green.button{background:#6ac38f;background-color:#6ac38f;color:#1a181a}.ui.green.buttons .button:hover,.ui.green.button:hover{background:rgba(106,195,143,0.8);background-color:rgba(106,195,143,0.8);color:#1a181a}.ui.labeled.button.disabled>.button,.ui.basic.buttons .button,.ui.basic.button{color:#6ac38f}.ui.labeled.button.disabled>.button:hover,.ui.basic.buttons .button:hover,.ui.basic.button:hover{color:#6ac38f}.repo-title{color:#6ac38f}.repo-buttons button[disabled]~.label,.repo-buttons .ui.labeled.button.disabled>.label{color:#0e85b9}.ui.basic.labels .label,.ui.basic.label{color:#0e85b9}.repository .ui.segment.sub-menu .list .item a:hover,.ui.tabular.menu .item:hover{color:var(--color-text-hover)}.ui.primary.labels .label,.ui.ui.ui.primary.label{color:#1a181a}.ui.green.labels .label,.ui.ui.ui.green.label{color:#1a181a}i.grey.icon.icon.icon.icon{color:#BFAAB7}*{scrollbar-color:#6ac38f transparent !important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 6px #6ac38f !important;border:2px solid transparent;border-radius:5px !important}::-webkit-scrollbar-thumb:window-inactive{box-shadow:inset 0 0 0 6px #6ac38f !important}::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 6px #6ac38f !important}::-webkit-scrollbar-corner{background:transparent}.ui.red.labels .label,.ui.ui.ui.red.label,.ui.red.button,.ui.red.buttons .button{background:#de5b44;background-color:#de5b44;color:#1a181a}.ui.red.labels .label:hover,.ui.ui.ui.red.label:hover,.ui.red.button:hover,.ui.red.buttons .button:hover{background:rgba(222,91,68,0.8);background-color:rgba(222,91,68,0.8);color:#1a181a}.ui.labels a.label,a.ui.label{background-color:#262326}.ui.labels a.label:hover,a.ui.label:hover{background-color:#1a181a}.ui.orange.labels .label,.ui.ui.ui.orange.label,.ui.orange.button,.ui.orange.buttons .button{background:#e39755;background-color:#e39755;color:#1a181a}.ui.orange.labels .label:hover,.ui.ui.ui.orange.label:hover,.ui.orange.button:hover,.ui.orange.buttons .button:hover{background:rgba(227,151,85,0.8);background-color:rgba(227,151,85,0.8);color:#1a181a} \ No newline at end of file diff --git a/src/io-auto.less b/src/io-auto.less new file mode 100644 index 0000000..c6a6089 --- /dev/null +++ b/src/io-auto.less @@ -0,0 +1,8 @@ +@media (prefers-color-scheme: dark) { + @import "palette/io"; + @import (multiple) "template/index"; +} +@media (prefers-color-scheme: light) { + @import "palette/io-light"; + @import (multiple) "template/index"; +} diff --git a/src/io-light.less b/src/io-light.less new file mode 100644 index 0000000..27eca0b --- /dev/null +++ b/src/io-light.less @@ -0,0 +1,2 @@ +@import "palette/io-light"; +@import "template/index"; diff --git a/src/io.less b/src/io.less new file mode 100644 index 0000000..54c0cb4 --- /dev/null +++ b/src/io.less @@ -0,0 +1,2 @@ +@import "palette/io"; +@import "template/index"; diff --git a/src/palette/io-light.less b/src/palette/io-light.less new file mode 100644 index 0000000..de974cb --- /dev/null +++ b/src/palette/io-light.less @@ -0,0 +1,31 @@ +@primary: #c965bf; // primary color used in main texts +@secondary: #6a9eb5; // secondary color used in some texts and text based buttons +@tertiary: #6ac38f; // tertiary color used in other colored texts +@fg: #241b26; +@bg0: #e4ccd0; +@bg1: #d9c2c6; +@bg2: #eed5d9; +@bg3: #b7a3a6; +@bg4: #80676B; +@red: #796B6D; +@orange: #e39755; +@yellow: #a84a73; +@green: #a3ab5a; +@cyan: #6ac38f; +@blue: #0E85B9; +@purple: #9c5fce; +@grey: #7e5f83; +@red-bg: #F0C6BF; +@green-bg: #E5EBBA; +@blue-bg: #C0DFEC; +@yellow-bg: #EBB7CD; +@button1: #c965bf; +@button2: #6ac38f; +@button-red: #de5b44; +@key: @red; +@operator: @orange; +@string: @cyan; +@value: @purple; +@type: @yellow; +@function: @green; +@special: @blue; diff --git a/src/palette/io.less b/src/palette/io.less new file mode 100644 index 0000000..34890e9 --- /dev/null +++ b/src/palette/io.less @@ -0,0 +1,31 @@ +@primary: #0e85b9; +@secondary: #6ac38f; +@tertiary: #c965bf; +@fg: #FAF7F9; +@bg0: #1a181a; +@bg1: #262326; +@bg2: #302c30; +@bg3: #373238; +@bg4: #463f47; +@red: #de5b44; +@orange: #e39755; +@yellow: #a84a73; +@green: #a3ab5a; +@cyan: #6ac38f; +@blue: #0e85b9; +@purple: #9c5fce; +@grey: #BFAAB7; +@red-bg: #30140f; +@green-bg: #2f3216; +@blue-bg: #032535; +@yellow-bg: #391826; +@button1: #c965bf; +@button2: #6ac38f; +@button-red: #de5b44; +@key: @red; +@operator: @orange; +@string: @cyan; +@value: @purple; +@type: @yellow; +@function: @green; +@special: @blue;