From 01108b0d4e837c272dcc055f6e2d579b9191bfce Mon Sep 17 00:00:00 2001 From: Nick Colley <2445413+nickcolley@users.noreply.github.com> Date: Sun, 27 Nov 2022 20:48:16 +0000 Subject: [PATCH] Improve contrast on dark themes --- src/scss/themes/_dark.scss | 1 + src/scss/themes/ozark.scss | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/scss/themes/_dark.scss b/src/scss/themes/_dark.scss index 0b6ab44b..f99c0c07 100644 --- a/src/scss/themes/_dark.scss +++ b/src/scss/themes/_dark.scss @@ -2,6 +2,7 @@ $deemphasized-color: lighten($main-bg-color, 45%); --action-button-fill-color: #{darken($deemphasized-color, 2%)}; + --action-button-fill-color-pressed: #{lighten($main-theme-color, 5%)}; --action-button-deemphasized-fill-color: #{$deemphasized-color}; --action-button-deemphasized-fill-color-pressed: #{darken($deemphasized-color, 7%)}; diff --git a/src/scss/themes/ozark.scss b/src/scss/themes/ozark.scss index b01694b3..675829c4 100644 --- a/src/scss/themes/ozark.scss +++ b/src/scss/themes/ozark.scss @@ -1,4 +1,4 @@ -$main-theme-color: #5263af; +$main-theme-color: saturate(#5263af, 10%); $body-bg-color: #0f1427; $main-bg-color: #212433; $anchor-color: lighten($main-theme-color, 20%);