From e06f63684eaa9ec57d25f03e97b3bf9094a719c8 Mon Sep 17 00:00:00 2001 From: Nick Colley <2445413+NickColley@users.noreply.github.com> Date: Mon, 26 Dec 2022 19:26:58 +0000 Subject: [PATCH] fix: improve dark theme icons (#2327) --- src/scss/themes/mastodon.scss | 7 ++++++- src/scss/themes/ozark.scss | 8 +++++++- 2 files changed, 13 insertions(+), 2 deletions(-) diff --git a/src/scss/themes/mastodon.scss b/src/scss/themes/mastodon.scss index c808dfe5..6492930c 100644 --- a/src/scss/themes/mastodon.scss +++ b/src/scss/themes/mastodon.scss @@ -23,6 +23,11 @@ $compose-background: darken($main-theme-color, 12%); --button-primary-bg-hover: #56a7e1; --button-primary-border: transparent; + + --action-button-fill-color: #{lighten($main-theme-color, 30%)}; + --action-button-fill-color-hover: #{lighten($main-theme-color, 36%)}; + --action-button-fill-color-active: #{lighten($main-theme-color, 42%)}; --action-button-fill-color-pressed: #2b90d9; - --action-button-fill-color-pressed-hover: #2b90d9; + --action-button-fill-color-pressed-hover: #{darken(#2b90d9, 6%)}; + --action-button-fill-color-pressed-active: #{darken(#2b90d9, 12%)}; } diff --git a/src/scss/themes/ozark.scss b/src/scss/themes/ozark.scss index b01694b3..b919a0b5 100644 --- a/src/scss/themes/ozark.scss +++ b/src/scss/themes/ozark.scss @@ -12,4 +12,10 @@ $compose-background: darken($main-theme-color, 12%); @import "_base.scss"; @import "_dark.scss"; -@import "_dark_scrollbars.scss"; \ No newline at end of file +@import "_dark_scrollbars.scss"; + +:root { + --action-button-fill-color-pressed: #{lighten(saturate($main-theme-color, 25%), 8%)}; + --action-button-fill-color-pressed-hover: #{lighten(saturate($main-theme-color, 25%), 12%)}; + --action-button-fill-color-pressed-active: #{lighten(saturate($main-theme-color, 25%), 15%)}; +}