darker inputs on dark mode and tone down the green a bit
This commit is contained in:
parent
b50ec8fab1
commit
cbb82f8532
1 changed files with 9 additions and 7 deletions
|
@ -5,11 +5,13 @@
|
||||||
/* #5a6570; - 25% */
|
/* #5a6570; - 25% */
|
||||||
|
|
||||||
[theme='dark'] {
|
[theme='dark'] {
|
||||||
--color-primary-alt: #30574e;
|
--color-primary-alt: #5a6570;
|
||||||
--color-primary: #60e1ba;
|
--color-primary: #57d8b1;
|
||||||
|
--color-secondary: #6aa2e0;
|
||||||
|
--color-secondary-alt: #296db8;
|
||||||
|
|
||||||
// Button
|
// Button
|
||||||
--color-link: #38d9a9;
|
--color-link: var(--color-primary);
|
||||||
--color-link-hover: #60e1ba;
|
--color-link-hover: #60e1ba;
|
||||||
--color-link-active: #60e1ba;
|
--color-link-active: #60e1ba;
|
||||||
--color-link-icon: #89939e;
|
--color-link-icon: #89939e;
|
||||||
|
@ -18,9 +20,9 @@
|
||||||
--color-button-primary-bg-hover: #44796c;
|
--color-button-primary-bg-hover: #44796c;
|
||||||
--color-button-primary-text: var(--color-primary);
|
--color-button-primary-text: var(--color-primary);
|
||||||
--color-button-primary-hover-text: var(--color-text);
|
--color-button-primary-hover-text: var(--color-text);
|
||||||
--color-button-secondary-bg: #395877;
|
--color-button-secondary-bg: var(--color-secondary);
|
||||||
--color-button-secondary-bg-hover: #4b6d8f;
|
--color-button-secondary-bg-hover: #4b6d8f;
|
||||||
--color-button-secondary-text: #a3c1e0;
|
--color-button-secondary-text: var(--color-secondary-alt);
|
||||||
|
|
||||||
// Color
|
// Color
|
||||||
--color-focus: #2d69a5;
|
--color-focus: #2d69a5;
|
||||||
|
@ -30,7 +32,7 @@
|
||||||
--color-border: #4f5b64;
|
--color-border: #4f5b64;
|
||||||
--color-card-background: #2c3237;
|
--color-card-background: #2c3237;
|
||||||
--color-card-background-highlighted: #384046;
|
--color-card-background-highlighted: #384046;
|
||||||
--color-header-background: #434b53;
|
--color-header-background: #373b3f;
|
||||||
--color-tab-text: var(--color-white);
|
--color-tab-text: var(--color-white);
|
||||||
--color-tabs-background: #434b53;
|
--color-tabs-background: #434b53;
|
||||||
--color-tab-divider: var(--color-white);
|
--color-tab-divider: var(--color-white);
|
||||||
|
@ -49,7 +51,7 @@
|
||||||
--color-input: #f4f4f5;
|
--color-input: #f4f4f5;
|
||||||
--color-input-label: #d4d4d4;
|
--color-input-label: #d4d4d4;
|
||||||
--color-input-placeholder: #f4f4f5;
|
--color-input-placeholder: #f4f4f5;
|
||||||
--color-input-bg: #7d8894;
|
--color-input-bg: #4f565e;
|
||||||
--color-input-bg-copyable: #434b53;
|
--color-input-bg-copyable: #434b53;
|
||||||
--color-input-border: var(--color-border);
|
--color-input-border: var(--color-border);
|
||||||
--color-input-border-active: var(--color-secondary);
|
--color-input-border-active: var(--color-secondary);
|
||||||
|
|
Loading…
Reference in a new issue