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.
improve-default-theme-icon-unpressed-state
Nick Colley 2022-12-17 18:28:02 +00:00
rodzic 3edfed971f
commit 86173ed290
1 zmienionych plików z 6 dodań i 6 usunięć

Wyświetl plik

@ -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%)};