improve: update token logo

Signed-off-by: james-a-morris <[email protected]>
across-protocol · Sep 24, 2024 · 67bc825 · 67bc825
1 parent fbbb48a
commit 67bc825
Show file tree

Hide file tree

Showing 6 changed files with 36 additions and 39 deletions.
diff --git a/src/assets/chain-logos/optimism-grayscale.svg b/src/assets/chain-logos/optimism-grayscale.svg
diff --git a/src/assets/chain-logos/optimism-sepolia-grayscale.svg b/src/assets/chain-logos/optimism-sepolia-grayscale.svg
diff --git a/src/assets/chain-logos/optimism-sepolia.svg b/src/assets/chain-logos/optimism-sepolia.svg
diff --git a/src/assets/chain-logos/optimism.svg b/src/assets/chain-logos/optimism.svg
diff --git a/src/assets/token-logos/op.svg b/src/assets/token-logos/op.svg
diff --git a/src/views/DepositStatus/components/DepositStatusUpperCard.tsx b/src/views/DepositStatus/components/DepositStatusUpperCard.tsx
@@ -430,6 +430,13 @@ const AnimatedLogoToChain = styled(AnimatedLogo)<{ status: DepositStatus }>`
           ? COLORS.white
           : COLORS.aqua};
 
+    fill: ${({ status }) =>
+      status === "depositing" || status === "deposit-reverted"
+        ? COLORS["grey-400"]
+        : status === "filling"
+          ? COLORS.white
+          : COLORS.aqua};
+
     // Use currentColor for the fill of rect, circle, and #path-to-animate
     & rect,
     circle,