diff --git a/src/assets/chain-logos/optimism-grayscale.svg b/src/assets/chain-logos/optimism-grayscale.svg index f1f83d901..d47ef7be1 100644 --- a/src/assets/chain-logos/optimism-grayscale.svg +++ b/src/assets/chain-logos/optimism-grayscale.svg @@ -1,12 +1,6 @@ - - - - - - - - - - - - + + + + + + \ No newline at end of file diff --git a/src/assets/chain-logos/optimism-sepolia-grayscale.svg b/src/assets/chain-logos/optimism-sepolia-grayscale.svg index f1f83d901..d47ef7be1 100644 --- a/src/assets/chain-logos/optimism-sepolia-grayscale.svg +++ b/src/assets/chain-logos/optimism-sepolia-grayscale.svg @@ -1,12 +1,6 @@ - - - - - - - - - - - - + + + + + + \ No newline at end of file diff --git a/src/assets/chain-logos/optimism-sepolia.svg b/src/assets/chain-logos/optimism-sepolia.svg index 2e5ce3103..ca5b8bf16 100644 --- a/src/assets/chain-logos/optimism-sepolia.svg +++ b/src/assets/chain-logos/optimism-sepolia.svg @@ -1,5 +1,6 @@ - - - - - + + + + + + \ No newline at end of file diff --git a/src/assets/chain-logos/optimism.svg b/src/assets/chain-logos/optimism.svg index 2e5ce3103..ca5b8bf16 100644 --- a/src/assets/chain-logos/optimism.svg +++ b/src/assets/chain-logos/optimism.svg @@ -1,5 +1,6 @@ - - - - - + + + + + + \ No newline at end of file diff --git a/src/assets/token-logos/op.svg b/src/assets/token-logos/op.svg index 2e5ce3103..6286f1011 100644 --- a/src/assets/token-logos/op.svg +++ b/src/assets/token-logos/op.svg @@ -1,5 +1,5 @@ - - - - - + + + + + \ No newline at end of file diff --git a/src/views/DepositStatus/components/DepositStatusUpperCard.tsx b/src/views/DepositStatus/components/DepositStatusUpperCard.tsx index d16672411..9f323deb6 100644 --- 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,