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