Merge pull request #581 from vyneer/fix/wrong-color-event-actions

fix: event actions button being the wrong color sometimes
destinygg · Jan 7, 2025 · d348c51 · d348c51
2 parents 54d976c + 9ce844e
commit d348c51
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 18 deletions.
diff --git a/assets/chat/css/chat/event-bar/_event-bar-event.scss b/assets/chat/css/chat/event-bar/_event-bar-event.scss
@@ -35,20 +35,17 @@
     height: 2em;
     border: 0.25em solid transparent;
     opacity: 0.75;
+    filter: invert(100%);
 
     &.subscription {
       @include a.icon-background('../img/sub-regular.svg');
     }
 
     &.giftsub {
-      filter: invert(100%);
-
       @include a.icon-background('../img/sub-gift.png');
     }
 
     &.massgift {
-      filter: invert(100%);
-
       @include a.icon-background('../img/sub-mass-gift.png');
     }
   }
@@ -74,10 +71,9 @@
   @each $amount, $color in donation.$amount-color-map {
     &.amount-#{$amount} {
       border-color: $color;
+      filter: invert(100%);
 
       .event-icon {
-        filter: invert(100%);
-
         @include a.icon-background('../img/donation-amount-#{$amount}.png');
       }
     }

diff --git a/assets/chat/css/messages/event/_donation.scss b/assets/chat/css/messages/event/_donation.scss
@@ -19,9 +19,9 @@ $amount-color-map: (
     }
 
     .donation-icon {
-      &.amount-#{$amount} {
-        filter: invert(100%);
+      filter: invert(100%);
 
+      &.amount-#{$amount} {
         @include a.icon-background('../img/donation-amount-#{$amount}.png');
       }
     }

diff --git a/assets/chat/css/messages/event/_subscription.scss b/assets/chat/css/messages/event/_subscription.scss
@@ -6,19 +6,17 @@
   position: relative;
 
   .subscription-icon {
+    filter: invert(100%);
+
     &.regular {
       @include a.icon-background('../img/sub-regular.svg');
     }
 
     &.gift {
-      filter: invert(100%);
-
       @include a.icon-background('../img/sub-gift.png');
     }
 
     &.mass-gift {
-      filter: invert(100%);
-
       @include a.icon-background('../img/sub-mass-gift.png');
     }
   }

diff --git a/assets/chat/img/sub-regular.svg b/assets/chat/img/sub-regular.svg