mirror of
https://github.com/Lissy93/dashy.git
synced 2025-07-24 22:25:16 +02:00
🎨 Refactors color pallete to inherit top-level vars
This commit is contained in:
Alicia Sykes
parent
20aed447d6
commit
6fcd993798
@ -42,6 +42,8 @@
|
|||||||
--nav-link-background-color-hover: #607d8b33;
|
--nav-link-background-color-hover: #607d8b33;
|
||||||
--nav-link-border-color: transparent;
|
--nav-link-border-color: transparent;
|
||||||
--nav-link-border-color-hover: var(--primary);
|
--nav-link-border-color-hover: var(--primary);
|
||||||
|
--nav-link-shadow: 1px 1px 2px #232323;
|
||||||
|
--nav-link-shadow-hover: 1px 1px 2px #232323;
|
||||||
// Link items and sections
|
// Link items and sections
|
||||||
--item-text-color: var(--primary);
|
--item-text-color: var(--primary);
|
||||||
--item-text-color-hover: var(--item-text-color);
|
--item-text-color-hover: var(--item-text-color);
|
||||||
|
|||||||
@ -1,12 +1,12 @@
|
|||||||
|
|
||||||
html[data-theme='callisto'] {
|
html[data-theme='callisto'] {
|
||||||
|
--primary: #00CCB4;
|
||||||
--background: #141b33;
|
--background: #141b33;
|
||||||
--background-darker: #060913;
|
--background-darker: #060913;
|
||||||
--item-group-background: #0b1021;
|
--item-group-background: #0b1021;
|
||||||
--item-background: #141b33;
|
--item-background: var(--background);
|
||||||
--item-background-hover: #060913;
|
--item-background-hover: var(--background-darker);
|
||||||
--item-hover-shadow: 0 1px 3px #00ccb4b3, 0 1px 2px #00ccb4bf;
|
--item-hover-shadow: 0 1px 3px #00ccb4b3, 0 1px 2px #00ccb4bf;
|
||||||
--primary: #00CCB4;
|
|
||||||
--font-body: 'Inconsolata', 'Georgia', sans-serif;
|
--font-body: 'Inconsolata', 'Georgia', sans-serif;
|
||||||
--font-headings: 'PTMono', 'Courier New', monospace;
|
--font-headings: 'PTMono', 'Courier New', monospace;
|
||||||
}
|
}
|
||||||
@ -16,7 +16,7 @@ html[data-theme='thebe'] {
|
|||||||
--background-darker: #060913;
|
--background-darker: #060913;
|
||||||
--item-group-background: #0b1021;
|
--item-group-background: #0b1021;
|
||||||
--item-background: #141b33;
|
--item-background: #141b33;
|
||||||
--item-background-hover: #060913;
|
--item-background-hover: var(--background-darker);
|
||||||
--item-hover-shadow: 0 1px 3px #9660ecb3, 0 1px 2px #9660ecbf;
|
--item-hover-shadow: 0 1px 3px #9660ecb3, 0 1px 2px #9660ecbf;
|
||||||
--primary: #b187f5;
|
--primary: #b187f5;
|
||||||
--item-group-outer-background: #9660EC
|
--item-group-outer-background: #9660EC
|
||||||
@ -26,17 +26,17 @@ html[data-theme='thebe'] {
|
|||||||
|
|
||||||
html[data-theme='dracula'] {
|
html[data-theme='dracula'] {
|
||||||
--font-headings: 'Allerta Stencil', sans-serif;
|
--font-headings: 'Allerta Stencil', sans-serif;
|
||||||
--primary: #7a8cc5;
|
--primary: #98ace9;
|
||||||
--background: #44475a;
|
--background: #44475a;
|
||||||
--background-darker: #282a36;
|
--background-darker: #282a36;
|
||||||
--item-group-background: #282a36;
|
--item-group-background: var(--background-darker);
|
||||||
--item-background: none;
|
--item-background: none;
|
||||||
--item-background-hover: #191b22;
|
--item-background-hover: #191b22;
|
||||||
--item-shadow: none;
|
--item-shadow: none;
|
||||||
--item-hover-shadow: none;
|
--item-hover-shadow: none;
|
||||||
--settings-text-color: #98ace9;
|
--settings-text-color: var(--primary);
|
||||||
--config-settings-color: #98ace9;
|
--config-settings-color: var(--primary);
|
||||||
--item-group-outer-background: #282a36;
|
--item-group-outer-background: var(--background-darker);
|
||||||
.item { border: 1px solid var(--primary); }
|
.item { border: 1px solid var(--primary); }
|
||||||
.collapsable:nth-child(1n) label { color: #8be9fd; }
|
.collapsable:nth-child(1n) label { color: #8be9fd; }
|
||||||
.collapsable:nth-child(2n) label { color: #50fa7b; }
|
.collapsable:nth-child(2n) label { color: #50fa7b; }
|
||||||
@ -47,45 +47,48 @@ html[data-theme='dracula'] {
|
|||||||
|
|
||||||
html[data-theme='bee'] {
|
html[data-theme='bee'] {
|
||||||
--primary: #c3eb5c;
|
--primary: #c3eb5c;
|
||||||
|
--background: #0b1021;
|
||||||
--item-background: #1c2636;
|
--item-background: #1c2636;
|
||||||
--item-group-background: #0b1021;
|
--item-group-background: var(--background);
|
||||||
--nav-link-background-color: #0b1021;
|
--nav-link-background-color: var(--background);
|
||||||
--font-headings: 'Sniglet', cursive;
|
--font-headings: 'Sniglet', cursive;
|
||||||
}
|
}
|
||||||
|
|
||||||
html[data-theme='raspberry-jam'] {
|
html[data-theme='raspberry-jam'] {
|
||||||
--primary: #eb2d6c;
|
--primary: #eb2d6c;
|
||||||
|
--background: #0b1021;
|
||||||
--item-background: #1c2636;
|
--item-background: #1c2636;
|
||||||
--item-group-background: #0b1021;
|
--item-group-background: var(--background);
|
||||||
--nav-link-background-color: #0b1021;
|
--nav-link-background-color: var(--background);
|
||||||
--config-code-background: #0b1021;
|
--config-code-background: #1c1e24;
|
||||||
--config-code-color: #eb2d6c;
|
--config-code-color: var(--primary);
|
||||||
--font-headings: 'Sniglet', cursive;
|
--font-headings: 'Sniglet', cursive;
|
||||||
}
|
}
|
||||||
|
|
||||||
html[data-theme='tiger'] {
|
html[data-theme='tiger'] {
|
||||||
--primary: #f58233;
|
--primary: #f58233;
|
||||||
|
--background: #0b1021;
|
||||||
--item-background: #1c2636;
|
--item-background: #1c2636;
|
||||||
--item-group-background: #0b1021;
|
--item-group-background: var(--background);
|
||||||
--nav-link-background-color: #0b1021;
|
--nav-link-background-color: var(--background);
|
||||||
--font-headings: 'Sniglet', cursive;
|
--font-headings: 'Sniglet', cursive;
|
||||||
}
|
}
|
||||||
|
|
||||||
html[data-theme='matrix-red'] {
|
html[data-theme='matrix-red'] {
|
||||||
--background: #000;
|
--background: var(--black);
|
||||||
--background-darker: #000;
|
--background-darker: var(--black);
|
||||||
--primary: red;
|
--primary: #f00;
|
||||||
--outline-color: red;
|
--outline-color: var(--primary);
|
||||||
--curve-factor: 0px;
|
--curve-factor: 0;
|
||||||
--font-body: 'Cutive Mono', monospace;
|
--font-body: 'Cutive Mono', monospace;
|
||||||
--font-headings: 'VT323', monospace;
|
--font-headings: 'VT323', monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
html[data-theme='matrix'] {
|
html[data-theme='matrix'] {
|
||||||
--background: #000;
|
--background: var(--black);
|
||||||
--background-darker: #000;
|
--background-darker: var(--black);
|
||||||
--primary: #2bca2b;
|
--primary: #2bca2b;
|
||||||
--outline-color: #2bca2b;
|
--outline-color: var(--primary);
|
||||||
--curve-factor: 0px;
|
--curve-factor: 0px;
|
||||||
--font-body: 'Cutive Mono', monospace;
|
--font-body: 'Cutive Mono', monospace;
|
||||||
--font-headings: 'VT323', monospace;
|
--font-headings: 'VT323', monospace;
|
||||||
@ -133,33 +136,34 @@ html[data-theme='blue-purple'] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
html[data-theme='hacker-girl'] {
|
html[data-theme='hacker-girl'] {
|
||||||
--background: #000;
|
--background: var(--black);
|
||||||
--background-darker: #000;
|
--background-darker: var(--black);
|
||||||
--primary: #e435f1;
|
--primary: #e435f1;
|
||||||
--outline-color: #e435f1;
|
--outline-color: var(--primary);
|
||||||
--curve-factor: 0px;
|
--curve-factor: 0px;
|
||||||
--font-body: 'Cutive Mono', monospace;
|
--font-body: 'Cutive Mono', monospace;
|
||||||
--font-headings: 'VT323', monospace;
|
--font-headings: 'VT323', monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
html[data-theme='high-contrast-light'] {
|
html[data-theme='high-contrast-light'] {
|
||||||
--background: #fff;
|
--primary: var(--black);
|
||||||
--background-darker: #fff;
|
--background: var(--white);
|
||||||
--item-group-background: #fff;
|
--background-darker: var(--white);
|
||||||
--item-background: #fff;
|
--item-group-background: var(--background-darker);
|
||||||
--primary: #000;
|
--item-background: var(--background);
|
||||||
--outline-color: #000;
|
--outline-color: var(--primary);
|
||||||
--curve-factor: 0px;
|
--curve-factor: 0px;
|
||||||
--config-code-color: #000;
|
--config-code-color: var(--primary);
|
||||||
--font-headings: 'PTMono', 'Courier New', monospace;
|
--font-headings: 'PTMono', 'Courier New', monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
html[data-theme='high-contrast-dark'] {
|
html[data-theme='high-contrast-dark'] {
|
||||||
--background: #000;
|
--primary: var(--white);
|
||||||
--background-darker: #000;
|
--background: var(--black);
|
||||||
--item-group-background: #000;
|
--background-darker: var(--black);
|
||||||
--primary: #fff;
|
--item-group-background: var(--background-darker);
|
||||||
--outline-color: #fff;
|
--item-background: var(--background);
|
||||||
|
--outline-color: var(--primary);
|
||||||
--curve-factor: 0px;
|
--curve-factor: 0px;
|
||||||
--font-headings: 'PTMono', 'Courier New', monospace;
|
--font-headings: 'PTMono', 'Courier New', monospace;
|
||||||
}
|
}
|
||||||
@ -191,42 +195,42 @@ html[data-theme='nord-frost'] {
|
|||||||
html[data-theme='material-original'] {
|
html[data-theme='material-original'] {
|
||||||
--font-body: 'Roboto', serif;
|
--font-body: 'Roboto', serif;
|
||||||
--primary: #29B6F6;
|
--primary: #29B6F6;
|
||||||
--settings-text-color: #01579b;
|
|
||||||
--background: #f1f1f1;
|
--background: #f1f1f1;
|
||||||
--background-darker: #01579B;
|
--background-darker: #01579B;
|
||||||
--item-group-heading-text-color: #01579B;
|
--settings-text-color: var(--background-darker);
|
||||||
|
--item-group-heading-text-color: var(--background-darker);
|
||||||
--item-group-shadow: none;
|
--item-group-shadow: none;
|
||||||
--item-group-outer-background: none;
|
--item-group-outer-background: none;
|
||||||
--item-group-background: none;
|
--item-group-background: none;
|
||||||
--item-background: #fff;
|
--item-background: var(--white);
|
||||||
--item-background-hover: #fff;
|
--item-background-hover: var(--white);
|
||||||
--settings-background: #29B6F6;
|
--settings-background: var(--primary);
|
||||||
--search-container-background: #29B6F6;
|
--search-container-background: var(--primary);
|
||||||
--curve-factor: 2px;
|
--curve-factor: 2px;
|
||||||
--curve-factor-navbar: 0;
|
--curve-factor-navbar: 0;
|
||||||
--item-group-padding: 5px 0 0;
|
--item-group-padding: 5px 0 0;
|
||||||
--item-text-color: #01579B;
|
--item-text-color: var(--background-darker);
|
||||||
--item-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
|
--item-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
|
||||||
--item-hover-shadow: 0 1px 4px #00000029, 0 2px 4px #0000002a;
|
--item-hover-shadow: 0 1px 4px #00000029, 0 2px 4px #0000002a;
|
||||||
--item-icon-transform: drop-shadow(1px 2px 1px var(--transparent-30)) saturate(0.65);
|
--item-icon-transform: drop-shadow(1px 2px 1px var(--transparent-30)) saturate(0.65);
|
||||||
--item-icon-transform-hover: drop-shadow(1px 3px 2px var(--transparent-30)) saturate(2);
|
--item-icon-transform-hover: drop-shadow(1px 3px 2px var(--transparent-30)) saturate(2);
|
||||||
--settings-container-shadow: 0 1px 3px #0000005e, 0 1px 2px #00000085;
|
--settings-container-shadow: 0 1px 3px #0000005e, 0 1px 2px #00000085;
|
||||||
--welcome-popup-background: #01579b;
|
--welcome-popup-background: var(--background-darker);
|
||||||
--welcome-popup-text-color: #ffffff;
|
--welcome-popup-text-color: #ffffff;
|
||||||
--config-code-color: #000;
|
--config-code-color: var(--black);
|
||||||
--item-group-heading-text-color-hover: #01579b;
|
--item-group-heading-text-color-hover: var(--background-darker);
|
||||||
--config-settings-background: #01579b;
|
--config-settings-background: var(--background-darker);
|
||||||
--config-settings-color: #fff;
|
--config-settings-color: var(--white);
|
||||||
--interactive-editor-background: #01579b;
|
--interactive-editor-background: var(--background-darker);
|
||||||
--interactive-editor-color: #fff;
|
--interactive-editor-color: var(--white);
|
||||||
--interactive-editor-background-darker: #29B6F6;
|
--interactive-editor-background-darker: var(--primary);
|
||||||
--heading-text-color: #fff;
|
--heading-text-color: var(--white);
|
||||||
--status-check-tooltip-background: #f2f2f2;
|
--status-check-tooltip-background: #f2f2f2;
|
||||||
--status-check-tooltip-color: #01579b;
|
--status-check-tooltip-color: var(--background-darker);
|
||||||
--description-tooltip-background: #f2f2f2;
|
--description-tooltip-background: #f2f2f2;
|
||||||
--description-tooltip-color: #01579b;
|
--description-tooltip-color: var(--background-darker);
|
||||||
--login-form-background: #fff;
|
--login-form-background: var(--white);
|
||||||
--about-page-accent: #000;
|
--about-page-accent: var(--black);
|
||||||
--about-page-color: var(--background-darker);
|
--about-page-color: var(--background-darker);
|
||||||
--about-page-background: var(--background);
|
--about-page-background: var(--background);
|
||||||
--context-menu-background: var(--white);
|
--context-menu-background: var(--white);
|
||||||
@ -293,14 +297,15 @@ html[data-theme='colorful'] {
|
|||||||
--font-headings: 'Podkova', monospace;
|
--font-headings: 'Podkova', monospace;
|
||||||
--primary: #e8eae1;
|
--primary: #e8eae1;
|
||||||
--background: #0b1021;
|
--background: #0b1021;
|
||||||
--item-background: #05070e;
|
--background-darker: #05070e;
|
||||||
--item-background-hover: #0b1021;
|
--item-background: var(--background-darker);
|
||||||
|
--item-background-hover: var(--background);
|
||||||
--item-group-background: transparent;
|
--item-group-background: transparent;
|
||||||
--item-group-outer-background: #05070e;
|
--item-group-outer-background: var(--background-darker);
|
||||||
--item-group-heading-text-color: #e8eae1;
|
--item-group-heading-text-color: var(--primary);
|
||||||
--item-group-heading-text-color-hover: #fff;
|
--item-group-heading-text-color-hover: var(--primary);
|
||||||
--item-hover-shadow: 1px 4px 6px #000000;
|
--item-hover-shadow: 1px 4px 6px var(--black);
|
||||||
--nav-link-background-color: #141826;
|
--nav-link-background-color: var(--background);
|
||||||
.item-wrapper:nth-child(1n) { .item { color: #eb5cad; border: 1px solid #eb5cad; } }
|
.item-wrapper:nth-child(1n) { .item { color: #eb5cad; border: 1px solid #eb5cad; } }
|
||||||
.item-wrapper:nth-child(2n) { .item { color: #985ceb; border: 1px solid #985ceb; } }
|
.item-wrapper:nth-child(2n) { .item { color: #985ceb; border: 1px solid #985ceb; } }
|
||||||
.item-wrapper:nth-child(3n) { .item { color: #5c90eb; border: 1px solid #5c90eb; } }
|
.item-wrapper:nth-child(3n) { .item { color: #5c90eb; border: 1px solid #5c90eb; } }
|
||||||
@ -313,12 +318,12 @@ html[data-theme='colorful'] {
|
|||||||
opacity: 0.85;
|
opacity: 0.85;
|
||||||
outline: none;
|
outline: none;
|
||||||
background: currentColor;
|
background: currentColor;
|
||||||
span.text, p.description { color: #05070e; }
|
span.text, p.description { color: var(--background-darker); }
|
||||||
i.fas, i.fab, i.far, i.fal, i.fad {
|
i.fas, i.fab, i.far, i.fal, i.fad {
|
||||||
filter: drop-shadow(1px 3px 2px var(--transparent-50));
|
filter: drop-shadow(1px 3px 2px var(--transparent-50));
|
||||||
color: #05070e;
|
color: var(--background-darker);
|
||||||
}
|
}
|
||||||
svg path { fill: #05070e; }
|
svg path { fill: var(--background-darker); }
|
||||||
}
|
}
|
||||||
h1, h2, h3, h4 {
|
h1, h2, h3, h4 {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
@ -505,35 +510,35 @@ html[data-theme='material'] {
|
|||||||
--item-group-outer-background: none;
|
--item-group-outer-background: none;
|
||||||
--item-group-shadow: none;
|
--item-group-shadow: none;
|
||||||
--item-group-background: none;
|
--item-group-background: none;
|
||||||
--item-background: #fff;
|
--item-background: var(--white);
|
||||||
--item-background-hover: #fff;
|
--item-background-hover: var(--white);
|
||||||
--item-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
|
--item-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
|
||||||
--item-hover-shadow: 0 1px 4px #00000029, 0 2px 4px #0000002a;
|
--item-hover-shadow: 0 1px 4px #00000029, 0 2px 4px #0000002a;
|
||||||
--item-text-color: #363636;
|
--item-text-color: var(--primary);
|
||||||
--item-group-heading-text-color-hover: #363636;
|
--item-group-heading-text-color-hover: var(--primary);
|
||||||
--item-icon-transform-hover: none;
|
--item-icon-transform-hover: none;
|
||||||
--nav-link-background-color: #0c4eba;
|
--nav-link-background-color: #0c4eba;
|
||||||
--nav-link-text-color: #fff;
|
--nav-link-text-color: var(--white);
|
||||||
--nav-link-border-color: #0c4eba;
|
--nav-link-border-color: #0c4eba;
|
||||||
--settings-text-color: #363636;
|
--settings-text-color: var(--primary);
|
||||||
--config-code-color: #363636;
|
--config-code-color: var(--primary);
|
||||||
--config-settings-background: #f5f5f5;
|
--config-settings-background: #f5f5f5;
|
||||||
--config-settings-color: #473f3f;
|
--config-settings-color: #473f3f;
|
||||||
--interactive-editor-color: #473f3f;
|
--interactive-editor-color: #473f3f;
|
||||||
--interactive-editor-background: #f5f5f5;
|
--interactive-editor-background: #f5f5f5;
|
||||||
--interactive-editor-background-darker: #fff;
|
--interactive-editor-background-darker: var(--white);
|
||||||
--heading-text-color: #fff;
|
--heading-text-color: var(--white);
|
||||||
--curve-factor: 3px;
|
--curve-factor: 3px;
|
||||||
--curve-factor-navbar: 8px;
|
--curve-factor-navbar: 8px;
|
||||||
--search-container-background: #4285f4;
|
--search-container-background: #4285f4;
|
||||||
--welcome-popup-text-color: #f5f5f5;
|
--welcome-popup-text-color: #f5f5f5;
|
||||||
--footer-text-color: #f5f5f5cc;
|
--footer-text-color: #f5f5f5cc;
|
||||||
// --login-form-background-secondary: #f5f5f5cc;
|
// --login-form-background-secondary: #f5f5f5cc;
|
||||||
--context-menu-background: #fff;
|
--context-menu-background: var(--white);
|
||||||
--context-menu-secondary-color: #f5f5f5;
|
--context-menu-secondary-color: #f5f5f5;
|
||||||
--transparent-white-50: #00000080;
|
--transparent-white-50: #00000080;
|
||||||
--status-check-tooltip-background: #fff;
|
--status-check-tooltip-background: var(--white);
|
||||||
--description-tooltip-background: #fff;
|
--description-tooltip-background: var(--white);
|
||||||
--description-tooltip-color: #473f3f;
|
--description-tooltip-color: #473f3f;
|
||||||
--side-bar-background-lighter: #0c4eba;
|
--side-bar-background-lighter: #0c4eba;
|
||||||
--side-bar-item-background: #f5f5f5;
|
--side-bar-item-background: #f5f5f5;
|
||||||
@ -543,10 +548,10 @@ html[data-theme='material'] {
|
|||||||
--minimal-view-settings-color: var(--primary);
|
--minimal-view-settings-color: var(--primary);
|
||||||
--minimal-view-section-heading-color: var(--primary);
|
--minimal-view-section-heading-color: var(--primary);
|
||||||
--minimal-view-section-heading-background: #f6f6f6;
|
--minimal-view-section-heading-background: #f6f6f6;
|
||||||
--minimal-view-search-background: #fff;
|
--minimal-view-search-background: var(--white);
|
||||||
--minimal-view-search-color: var(--primary);
|
--minimal-view-search-color: var(--primary);
|
||||||
--minimal-view-group-color: var(--primary);
|
--minimal-view-group-color: var(--primary);
|
||||||
--minimal-view-group-background: #fff;
|
--minimal-view-group-background: var(--white);
|
||||||
|
|
||||||
.minimal-section-inner.selected, div.minimal-section-heading {
|
.minimal-section-inner.selected, div.minimal-section-heading {
|
||||||
border: none;
|
border: none;
|
||||||
@ -568,17 +573,17 @@ html[data-theme='material'] {
|
|||||||
|
|
||||||
header {
|
header {
|
||||||
background: #4285f4;
|
background: #4285f4;
|
||||||
color: #fff;
|
color: var(--white);
|
||||||
.page-titles span.subtitle {
|
.page-titles span.subtitle {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
footer {
|
footer {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
color: #fff;
|
color: var(--white);
|
||||||
}
|
}
|
||||||
section.filter-container form label {
|
section.filter-container form label {
|
||||||
color: #fff;
|
color: var(--white);
|
||||||
}
|
}
|
||||||
.prism-editor-wrapper {
|
.prism-editor-wrapper {
|
||||||
background: #f5f5f5;
|
background: #f5f5f5;
|
||||||
@ -682,28 +687,28 @@ html[data-theme='minimal-light'] {
|
|||||||
--item-background-hover: #f2f2f2;
|
--item-background-hover: #f2f2f2;
|
||||||
--item-shadow: none;
|
--item-shadow: none;
|
||||||
--item-hover-shadow: none;
|
--item-hover-shadow: none;
|
||||||
--item-text-color: #101931;
|
--item-text-color: var(--background-darker);
|
||||||
--item-group-heading-text-color-hover: #101931;
|
--item-group-heading-text-color-hover: var(--background-darker);
|
||||||
--settings-text-color: #101931;
|
--settings-text-color: var(--background-darker);
|
||||||
--config-code-color: #101931;
|
--config-code-color: var(--background-darker);
|
||||||
--nav-link-background-color: none;
|
--nav-link-background-color: none;
|
||||||
--search-container-background: #fff;
|
--search-container-background: var(--white);
|
||||||
--curve-factor: 4px;
|
--curve-factor: 4px;
|
||||||
--curve-factor-navbar: 8px;
|
--curve-factor-navbar: 8px;
|
||||||
--status-check-tooltip-background: #f2f2f2;
|
--status-check-tooltip-background: #f2f2f2;
|
||||||
--status-check-tooltip-color: #000;
|
--status-check-tooltip-color: var(--black);
|
||||||
--description-tooltip-background: #f2f2f2;
|
--description-tooltip-background: #f2f2f2;
|
||||||
--description-tooltip-color: #000;
|
--description-tooltip-color: var(--black);
|
||||||
--login-form-color: #101931;
|
--login-form-color: var(--background-darker);
|
||||||
--about-page-background: var(--background);
|
--about-page-background: var(--background);
|
||||||
--about-page-color: var(--background-darker);
|
--about-page-color: var(--background-darker);
|
||||||
--context-menu-color: var(--background-darker);
|
--context-menu-color: var(--background-darker);
|
||||||
--context-menu-secondary-color: var(--primary);
|
--context-menu-secondary-color: var(--primary);
|
||||||
section.filter-container {
|
section.filter-container {
|
||||||
background: #fff;
|
background: var(--white);
|
||||||
border-bottom: 1px dashed #00000038;
|
border-bottom: 1px dashed #00000038;
|
||||||
input#filter-tiles {
|
input#filter-tiles {
|
||||||
border: 1px solid #101931;
|
border: 1px solid var(--background-darker);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -716,18 +721,18 @@ html[data-theme='minimal-dark'] {
|
|||||||
--item-group-shadow: none;
|
--item-group-shadow: none;
|
||||||
--item-group-background: none;
|
--item-group-background: none;
|
||||||
--item-background: none;
|
--item-background: none;
|
||||||
--item-background-hover: #090b0e;
|
--item-background-hover: var(--background-darker);
|
||||||
--item-shadow: none;
|
--item-shadow: none;
|
||||||
--item-hover-shadow: none;
|
--item-hover-shadow: none;
|
||||||
--item-text-color: #fff;
|
--item-text-color: var(--white);
|
||||||
--item-group-heading-text-color-hover: #fff;
|
--item-group-heading-text-color-hover: var(--white);
|
||||||
--settings-text-color: #fff;
|
--settings-text-color: var(--white);
|
||||||
--config-code-color: #fff;
|
--config-code-color: var(--white);
|
||||||
--nav-link-background-color: none;
|
--nav-link-background-color: none;
|
||||||
--search-container-background: #14171e;
|
--search-container-background: var(--background);
|
||||||
--curve-factor: 4px;
|
--curve-factor: 4px;
|
||||||
--curve-factor-navbar: 8px;
|
--curve-factor-navbar: 8px;
|
||||||
--item-group-heading-text-color: #fff;
|
--item-group-heading-text-color: var(--white);
|
||||||
--item-group-heading-text-color-hover: #ffffffbf;
|
--item-group-heading-text-color-hover: #ffffffbf;
|
||||||
--about-page-background: var(--background);
|
--about-page-background: var(--background);
|
||||||
--about-page-color: var(--primary);
|
--about-page-color: var(--primary);
|
||||||
@ -740,7 +745,7 @@ html[data-theme='minimal-dark'] {
|
|||||||
background: #14171e;
|
background: #14171e;
|
||||||
border-bottom: 1px dashed #ffffff38;
|
border-bottom: 1px dashed #ffffff38;
|
||||||
input#filter-tiles {
|
input#filter-tiles {
|
||||||
border: 1px solid #fff;
|
border: 1px solid var(--white);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -832,17 +837,17 @@ html[data-theme='vaporware'] {
|
|||||||
html[data-theme='glow'], html[data-theme=glow-colorful] {
|
html[data-theme='glow'], html[data-theme=glow-colorful] {
|
||||||
--primary: #5c6da9;
|
--primary: #5c6da9;
|
||||||
--background: #f6f6f6;
|
--background: #f6f6f6;
|
||||||
--background-darker: #fff;
|
--background-darker: var(--white);
|
||||||
--curve-factor: 12px;
|
--curve-factor: 12px;
|
||||||
--item-group-background: #fff;
|
--item-group-background: var(--white);
|
||||||
--item-group-outer-background: #fff;
|
--item-group-outer-background: var(--white);
|
||||||
--item-background: #fff;
|
--item-background: var(--white);
|
||||||
--font-headings: 'Sniglet', cursive;
|
--font-headings: 'Sniglet', cursive;
|
||||||
|
|
||||||
--item-group-heading-text-color: #5c6da9;
|
--item-group-heading-text-color: var(--primary);
|
||||||
--item-group-heading-text-color-hover: #5c6da9;
|
--item-group-heading-text-color-hover: var(--primary);
|
||||||
--item-group-shadow: 0 5px 16px 0 #9f72ff33;
|
--item-group-shadow: 0 5px 16px 0 #9f72ff33;
|
||||||
--item-background-hover: #fff;
|
--item-background-hover: var(--white);
|
||||||
--item-shadow: 0 1px 5px 0 #8656ef80;
|
--item-shadow: 0 1px 5px 0 #8656ef80;
|
||||||
--item-hover-shadow: 0 1px 8px 0 #8656efa6;
|
--item-hover-shadow: 0 1px 8px 0 #8656efa6;
|
||||||
--item-icon-transform: drop-shadow(1px 2px 3px var(--transparent-50)) saturate(0.95);
|
--item-icon-transform: drop-shadow(1px 2px 3px var(--transparent-50)) saturate(0.95);
|
||||||
@ -884,7 +889,7 @@ html[data-theme='glow'], html[data-theme=glow-colorful] {
|
|||||||
--item-group-shadow: 0 5px 16px 0 #9f72ff33;
|
--item-group-shadow: 0 5px 16px 0 #9f72ff33;
|
||||||
--item-group-heading-text-color: #8656ef;
|
--item-group-heading-text-color: #8656ef;
|
||||||
--item-group-heading-text-color-hover: #783cfb;
|
--item-group-heading-text-color-hover: #783cfb;
|
||||||
--item-background-hover: #fff;
|
--item-background-hover: var(--white);
|
||||||
--item-shadow: 0 1px 5px 0 #8656ef80;
|
--item-shadow: 0 1px 5px 0 #8656ef80;
|
||||||
--item-hover-shadow: 0 1px 8px 0 #8656efa6;
|
--item-hover-shadow: 0 1px 8px 0 #8656efa6;
|
||||||
--item-icon-transform: drop-shadow(1px 2px 3px #8656ef80) saturate(0.95);
|
--item-icon-transform: drop-shadow(1px 2px 3px #8656ef80) saturate(0.95);
|
||||||
@ -895,7 +900,7 @@ html[data-theme='glow'], html[data-theme=glow-colorful] {
|
|||||||
--item-group-shadow: 0 5px 16px 0 #728cff33;
|
--item-group-shadow: 0 5px 16px 0 #728cff33;
|
||||||
--item-group-heading-text-color: #d356ef;
|
--item-group-heading-text-color: #d356ef;
|
||||||
--item-group-heading-text-color-hover: #d73bf9;
|
--item-group-heading-text-color-hover: #d73bf9;
|
||||||
--item-background-hover: #fff;
|
--item-background-hover: var(--white);
|
||||||
--item-shadow: 0 1px 5px 0 #d356ef80;
|
--item-shadow: 0 1px 5px 0 #d356ef80;
|
||||||
--item-hover-shadow: 0 1px 8px 0 #d356efa6;
|
--item-hover-shadow: 0 1px 8px 0 #d356efa6;
|
||||||
--item-icon-transform: drop-shadow(1px 2px 3px #d356ef80) saturate(0.95);
|
--item-icon-transform: drop-shadow(1px 2px 3px #d356ef80) saturate(0.95);
|
||||||
@ -906,7 +911,7 @@ html[data-theme='glow'], html[data-theme=glow-colorful] {
|
|||||||
--item-group-shadow: 0 5px 16px 0 #728cff33;
|
--item-group-shadow: 0 5px 16px 0 #728cff33;
|
||||||
--item-group-heading-text-color: #56ddef;
|
--item-group-heading-text-color: #56ddef;
|
||||||
--item-group-heading-text-color-hover: #3cdefb;
|
--item-group-heading-text-color-hover: #3cdefb;
|
||||||
--item-background-hover: #fff;
|
--item-background-hover: var(--white);
|
||||||
--item-shadow: 0 1px 5px 0 #56ddef80;
|
--item-shadow: 0 1px 5px 0 #56ddef80;
|
||||||
--item-hover-shadow: 0 1px 8px 0 #56ddefa6;
|
--item-hover-shadow: 0 1px 8px 0 #56ddefa6;
|
||||||
--item-icon-transform: drop-shadow(1px 2px 3px #56ddef80) saturate(0.95);
|
--item-icon-transform: drop-shadow(1px 2px 3px #56ddef80) saturate(0.95);
|
||||||
@ -987,7 +992,7 @@ html[data-theme="dashy-docs"] {
|
|||||||
--background: #202020;
|
--background: #202020;
|
||||||
--background-darker: #121212;
|
--background-darker: #121212;
|
||||||
--item-group-background: none;
|
--item-group-background: none;
|
||||||
--item-group-outer-background: #121212;
|
--item-group-outer-background: var(--background-darker);
|
||||||
--item-group-heading-text-color: var(--background);
|
--item-group-heading-text-color: var(--background);
|
||||||
--item-group-heading-text-color-hover: var(--background);
|
--item-group-heading-text-color-hover: var(--background);
|
||||||
--item-background: var(--background);
|
--item-background: var(--background);
|
||||||
@ -1122,8 +1127,8 @@ html[data-theme="adventure"] {
|
|||||||
--font-headings: 'Podkova', 'Roboto', serif;
|
--font-headings: 'Podkova', 'Roboto', serif;
|
||||||
--font-body: 'Roboto', serif;
|
--font-body: 'Roboto', serif;
|
||||||
// Items
|
// Items
|
||||||
--item-background: #181c3a66;
|
--item-background: #181c3a80;
|
||||||
--item-background-hover: #181c3a80;
|
--item-background-hover: #181c3a99;
|
||||||
--item-shadow: 1px 1px 2px #130f23;
|
--item-shadow: 1px 1px 2px #130f23;
|
||||||
--item-hover-shadow: 2px 2px 4px #130f23;
|
--item-hover-shadow: 2px 2px 4px #130f23;
|
||||||
// Sections
|
// Sections
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user