Adjust icon color for dark mode (#2210)

safe-global · Jul 2, 2023 · 804cdf7 · 804cdf7
1 parent 179af20
commit 804cdf7
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 8 deletions.
diff --git a/public/images/messages/created.svg b/public/images/messages/created.svg
diff --git a/public/images/messages/signed.svg b/public/images/messages/signed.svg
diff --git a/src/components/tx-flow/common/TxStatusWidget/index.tsx b/src/components/tx-flow/common/TxStatusWidget/index.tsx
@@ -9,6 +9,7 @@ import css from './styles.module.css'
 import CloseIcon from '@mui/icons-material/Close'
 import useWallet from '@/hooks/wallets/useWallet'
 import { useDarkMode } from '@/hooks/useDarkMode'
+import SafeLogo from '@/public/images/logo-no-text.svg'
 
 const confirmedMessage = (threshold: number, confirmations: number) => {
   return (
@@ -43,7 +44,7 @@ const TxStatusWidget = ({
   return (
     <Paper>
       <div className={css.header}>
-        <img src="/images/logo-no-text.svg" alt="Safe logo" className={css.logo} />
+        <SafeLogo width={32} height={32} />
         <Typography variant="h6" fontWeight="700" className={css.title}>
           Transaction status
         </Typography>

diff --git a/src/components/tx-flow/common/TxStatusWidget/styles.module.css b/src/components/tx-flow/common/TxStatusWidget/styles.module.css
@@ -53,11 +53,6 @@
   display: none;
 }
 
-.logo {
-  width: 32px;
-  height: 32px;
-}
-
 .badge {
   margin-left: var(--space-1);
   padding-right: 2px;