From 86173ed290dd7ad7cc0ef9b3837472c7aa94cd8c Mon Sep 17 00:00:00 2001 From: Nick Colley <2445413+NickColley@users.noreply.github.com> Date: Sat, 17 Dec 2022 18:28:02 +0000 Subject: [PATCH] fix: icon colour contrast unpressed 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. --- 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..c14645ee 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: #{saturate($main-theme-color, 5%)}; + --action-button-fill-color-pressed-hover: #{darken(saturate($main-theme-color, 5%), 4%)}; + --action-button-fill-color-pressed-active: #{darken(saturate($main-theme-color, 5%), 8%)}; --action-button-deemphasized-fill-color: #{$deemphasized-color}; --action-button-deemphasized-fill-color-hover: #{lighten($deemphasized-color, 22%)};