fix: icon color

src/element/live-chat.css

@@ -114,14 +114,6 @@
   margin: 0;
 }
 
-.zapper-gold-icon {
-  color: #FFD700;
-}
-
-.zapper-silver-icon {
-  color: #C0C0C0;
-}
-
-.zapper-bronze-icon {
-  color: #CD7F32;
+.top-zapper-icon {
+  color: #FFCB44;
 }

src/element/live-chat.tsx

@@ -50,12 +50,6 @@ function TopZappers({ zaps }: { zaps: ParsedZap[] }) {
       <div className="top-zappers-container">
         {sortedZappers.map((pk, idx) => {
           const total = totalZapped(pk, zaps);
-          const iconClass =
-            idx === 0
-              ? "zapper-gold-icon"
-              : idx === 1
-              ? "zapper-silver-icon"
-              : "zapper-bronze-icon";
           return (
             <div className="top-zapper" key={pk}>
               {pk === "anon" ? (
@@ -63,7 +57,7 @@ function TopZappers({ zaps }: { zaps: ParsedZap[] }) {
               ) : (
                 <Profile pubkey={pk} options={{ showName: false }} />
               )}
-              <Icon name="zap" className={iconClass} />
+              <Icon name="zap" className="top-zapper-icon" />
               <p className="top-zapper-amount">{formatSats(total)}</p>
             </div>
           );