Mastodon
/
Pinafore-Web-Client-Frontend
mirror of https://github.com/nolanlawson/pinafore
1
0
Fork 0
Code Issues Releases Wiki Activity

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 <nolan@nolanlawson.com>
This commit is contained in:
Nick Colley 2022-12-18 20:07:53 +00:00 committed by GitHub
parent 746298a1f7
commit f81778d37f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/scss/themes/_base.scss
View File

@ -42,12 +42,12 @@
--nav-svg-fill-hover: #{$secondary-text-color}; --nav-svg-fill-hover: #{$secondary-text-color};
--nav-text-color-hover: #{$secondary-text-color}; --nav-text-color-hover: #{$secondary-text-color};
--action-button-fill-color: #{lighten($main-theme-color, 18%)}; --action-button-fill-color: #{lighten($main-theme-color, 11.5%)};
--action-button-fill-color-hover: #{lighten($main-theme-color, 22%)}; --action-button-fill-color-hover: #{lighten($main-theme-color, 6%)};
--action-button-fill-color-active: #{lighten($main-theme-color, 5%)}; --action-button-fill-color-active: #{$main-theme-color};
--action-button-fill-color-pressed: #{darken($main-theme-color, 7%)}; --action-button-fill-color-pressed: #{darken(saturate($main-theme-color, 5%), 6%)};
--action-button-fill-color-pressed-hover: #{darken($main-theme-color, 2%)}; --action-button-fill-color-pressed-hover: #{darken(saturate($main-theme-color, 5%), 12%)};
--action-button-fill-color-pressed-active: #{darken($main-theme-color, 15%)}; --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: #{$deemphasized-color};
--action-button-deemphasized-fill-color-hover: #{lighten($deemphasized-color, 22%)}; --action-button-deemphasized-fill-color-hover: #{lighten($deemphasized-color, 22%)};