From f81778d37f6cac10397b88a892951ce4a8b6059b Mon Sep 17 00:00:00 2001 From: Nick Colley <2445413+NickColley@users.noreply.github.com> Date: Sun, 18 Dec 2022 20:07:53 +0000 Subject: [PATCH] fix: improve icon readability in light theme (#2323) Boost contrast of the default colour theme, to be closer to the other theme's saturation then boost the unpressed state for action buttons. This brings the icons to 3:1 contrast while keeping colour in themes. Co-authored-by: Nolan Lawson --- src/scss/themes/_base.scss | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/scss/themes/_base.scss b/src/scss/themes/_base.scss index da971375..ff91c302 100644 --- a/src/scss/themes/_base.scss +++ b/src/scss/themes/_base.scss @@ -42,12 +42,12 @@ --nav-svg-fill-hover: #{$secondary-text-color}; --nav-text-color-hover: #{$secondary-text-color}; - --action-button-fill-color: #{lighten($main-theme-color, 18%)}; - --action-button-fill-color-hover: #{lighten($main-theme-color, 22%)}; - --action-button-fill-color-active: #{lighten($main-theme-color, 5%)}; - --action-button-fill-color-pressed: #{darken($main-theme-color, 7%)}; - --action-button-fill-color-pressed-hover: #{darken($main-theme-color, 2%)}; - --action-button-fill-color-pressed-active: #{darken($main-theme-color, 15%)}; + --action-button-fill-color: #{lighten($main-theme-color, 11.5%)}; + --action-button-fill-color-hover: #{lighten($main-theme-color, 6%)}; + --action-button-fill-color-active: #{$main-theme-color}; + --action-button-fill-color-pressed: #{darken(saturate($main-theme-color, 5%), 6%)}; + --action-button-fill-color-pressed-hover: #{darken(saturate($main-theme-color, 5%), 12%)}; + --action-button-fill-color-pressed-active: #{darken(saturate($main-theme-color, 5%), 15%)}; --action-button-deemphasized-fill-color: #{$deemphasized-color}; --action-button-deemphasized-fill-color-hover: #{lighten($deemphasized-color, 22%)};