fix: improve dark theme icons (#2327)

nolanlawson · Dec 26, 2022 · e06f636 · e06f636
1 parent f81778d
commit e06f636
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git 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
@@ -12,4 +12,10 @@ $compose-background: darken($main-theme-color, 12%);
 
 @import "_base.scss";
 @import "_dark.scss";
-@import "_dark_scrollbars.scss";
+@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%)};
+}