From 804cdf74052f1bab00f32720fde8938137418300 Mon Sep 17 00:00:00 2001
From: Usame Algan <5880855+usame-algan@users.noreply.github.com>
Date: Sun, 2 Jul 2023 15:07:46 +0200
Subject: [PATCH] Adjust icon color for dark mode (#2210)

---
 public/images/messages/created.svg                           | 2 +-
 public/images/messages/signed.svg                            | 2 +-
 src/components/tx-flow/common/TxStatusWidget/index.tsx       | 3 ++-
 .../tx-flow/common/TxStatusWidget/styles.module.css          | 5 -----
 4 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/public/images/messages/created.svg b/public/images/messages/created.svg
index 9dfe24e7da..1aac645c67 100644
--- a/public/images/messages/created.svg
+++ b/public/images/messages/created.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9 7H11C11.5523 7 12 7.44772 12 8C12 8.55228 11.5523 9 11 9H9V11C9 11.5523 8.55228 12 8 12C7.44772 12 7 11.5523 7 11V9H5C4.44772 9 4 8.55228 4 8C4 7.44772 4.44772 7 5 7H7V5C7 4.44772 7.44772 4 8 4C8.55228 4 9 4.44772 9 5V7Z" fill="white"/>
+<path class="illustration-background-fill" fill-rule="evenodd" clip-rule="evenodd" d="M9 7H11C11.5523 7 12 7.44772 12 8C12 8.55228 11.5523 9 11 9H9V11C9 11.5523 8.55228 12 8 12C7.44772 12 7 11.5523 7 11V9H5C4.44772 9 4 8.55228 4 8C4 7.44772 4.44772 7 5 7H7V5C7 4.44772 7.44772 4 8 4C8.55228 4 9 4.44772 9 5V7Z" />
 </svg>
diff --git a/public/images/messages/signed.svg b/public/images/messages/signed.svg
index 87f0b434be..3411f0a466 100644
--- a/public/images/messages/signed.svg
+++ b/public/images/messages/signed.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15Z" fill="currentColor"/>
-<path d="M7.68894 8.54156L6.18321 7.13278C5.77992 6.75545 5.14711 6.7765 4.76978 7.17979C4.39245 7.58308 4.4135 8.2159 4.8168 8.59322L7.0378 10.6712C7.4352 11.043 8.05698 11.0288 8.43694 10.6392L11.3049 7.69817C11.6905 7.30277 11.6826 6.66965 11.2872 6.28406C10.8918 5.89848 10.2587 5.90643 9.87307 6.30183L7.68894 8.54156Z" fill="white"/>
+<path class="illustration-background-fill" d="M7.68894 8.54156L6.18321 7.13278C5.77992 6.75545 5.14711 6.7765 4.76978 7.17979C4.39245 7.58308 4.4135 8.2159 4.8168 8.59322L7.0378 10.6712C7.4352 11.043 8.05698 11.0288 8.43694 10.6392L11.3049 7.69817C11.6905 7.30277 11.6826 6.66965 11.2872 6.28406C10.8918 5.89848 10.2587 5.90643 9.87307 6.30183L7.68894 8.54156Z" />
 </svg>
diff --git a/src/components/tx-flow/common/TxStatusWidget/index.tsx b/src/components/tx-flow/common/TxStatusWidget/index.tsx
index 29a5f82f7d..4b96fe1c5d 100644
--- 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
index fcdd41ff79..7698615415 100644
--- 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;