use gradient on shaka

damus/Views/ActionBar/EventActionBar.swift

@@ -77,9 +77,15 @@ struct EventActionBar: View {
                         send_like()
                     }
                 }
-                Text(verbatim: "\(bar.likes > 0 ? "\(bar.likes)" : "")")
+                if bar.liked {
-                    .font(.footnote.weight(.medium))
+                    Text(verbatim: "\(bar.likes > 0 ? "\(bar.likes)" : "")")
-                    .foregroundColor(bar.liked ? Color.accentColor : Color.gray)
+                        .font(.footnote.weight(.medium))
+                        .foregroundStyle(LINEAR_GRADIENT)
+                } else {
+                    Text(verbatim: "\(bar.likes > 0 ? "\(bar.likes)" : "")")
+                        .font(.footnote.weight(.medium))
+                        .foregroundColor(Color.gray)
+                }
                 
             }
             
@@ -188,8 +194,15 @@ struct LikeButton: View {
                 amountOfAngleIncrease = 20.0
             }
         }) {
-            Image(liked ? "shaka-full" : "shaka-line")
+            if liked {
-                .foregroundColor(liked ? .accentColor : .gray)
+                LINEAR_GRADIENT
+                    .mask(Image("shaka-full")
+                        .resizable()
+                    ).frame(width: 14, height: 14)
+            } else {
+                Image("shaka-line")
+                    .foregroundColor(.gray)
+            }
         }
         .accessibilityLabel(NSLocalizedString("Like", comment: "Accessibility Label for Like button"))
         .rotationEffect(Angle(degrees: shouldAnimate ? rotationAngle : 0))

damus/Views/Notifications/EventGroupView.swift

@@ -186,10 +186,10 @@ struct EventGroupView: View {
                 Image(systemName: "arrow.2.squarepath")
                     .foregroundColor(Color("DamusGreen"))
             case .reaction:
-                Image("shaka-full")
+                LINEAR_GRADIENT
-                    .resizable()
+                    .mask(Image("shaka-full")
-                    .frame(width: 24, height: 24)
+                        .resizable()
-                    .foregroundColor(.accentColor)
+                    ).frame(width: 24, height: 24)
             case .profile_zap(let zapgrp):
                 ZapIcon(zapgrp)
             case .zap(let zapgrp):