diff --git a/ui/scss/themes/dark.scss b/ui/scss/themes/dark.scss index 5b9473912..a3ecab33c 100644 --- a/ui/scss/themes/dark.scss +++ b/ui/scss/themes/dark.scss @@ -5,13 +5,11 @@ /* #5a6570; - 25% */ [theme='dark'] { - --color-primary-alt: #5a6570; - --color-primary: #57d8b1; - --color-secondary: #6aa2e0; - --color-secondary-alt: #296db8; + --color-primary-alt: #30574e; + --color-primary: #60e1ba; // Button - --color-link: var(--color-primary); + --color-link: #38d9a9; --color-link-hover: #60e1ba; --color-link-active: #60e1ba; --color-link-icon: #89939e; @@ -20,9 +18,9 @@ --color-button-primary-bg-hover: #44796c; --color-button-primary-text: var(--color-primary); --color-button-primary-hover-text: var(--color-text); - --color-button-secondary-bg: var(--color-secondary); + --color-button-secondary-bg: #395877; --color-button-secondary-bg-hover: #4b6d8f; - --color-button-secondary-text: var(--color-secondary-alt); + --color-button-secondary-text: #a3c1e0; // Color --color-focus: #2d69a5; @@ -32,7 +30,7 @@ --color-border: #4f5b64; --color-card-background: #2c3237; --color-card-background-highlighted: #384046; - --color-header-background: #373b3f; + --color-header-background: #434b53; --color-tab-text: var(--color-white); --color-tabs-background: #434b53; --color-tab-divider: var(--color-white); @@ -51,7 +49,7 @@ --color-input: #f4f4f5; --color-input-label: #d4d4d4; --color-input-placeholder: #f4f4f5; - --color-input-bg: #4f565e; + --color-input-bg: #7d8894; --color-input-bg-copyable: #434b53; --color-input-border: var(--color-border); --color-input-border-active: var(--color-secondary);