From 22394e9854b2eea20ef99f452c3478fa9933fc97 Mon Sep 17 00:00:00 2001
From: evavirseda <evirseda@boxfish.studio>
Date: Wed, 18 Dec 2024 11:40:13 +0100
Subject: [PATCH] feat(wallet): improve dapp account selection in darkmode
 (#4531)

* feat: improve darkmode

* fix missing darkmode style
---
 apps/wallet/src/ui/app/components/accounts/AccountIcon.tsx | 4 ++--
 apps/wallet/src/ui/app/pages/accounts/WelcomePage.tsx      | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/wallet/src/ui/app/components/accounts/AccountIcon.tsx b/apps/wallet/src/ui/app/components/accounts/AccountIcon.tsx
index ffcc77d28dc..5ae5de338f1 100644
--- a/apps/wallet/src/ui/app/components/accounts/AccountIcon.tsx
+++ b/apps/wallet/src/ui/app/components/accounts/AccountIcon.tsx
@@ -11,7 +11,7 @@ interface AccountIconProps {
 
 export function AccountIcon({ account }: AccountIconProps) {
     if (account.type === AccountType.LedgerDerived) {
-        return <Ledger className="h-5 w-5" />;
+        return <Ledger className="h-5 w-5 text-neutral-10 dark:text-neutral-92" />;
     }
-    return <IotaLogoMark className="h-5 w-5" />;
+    return <IotaLogoMark className="h-5 w-5 text-neutral-10 dark:text-neutral-92" />;
 }
diff --git a/apps/wallet/src/ui/app/pages/accounts/WelcomePage.tsx b/apps/wallet/src/ui/app/pages/accounts/WelcomePage.tsx
index a9ac8919e66..c9f6d36ddd7 100644
--- a/apps/wallet/src/ui/app/pages/accounts/WelcomePage.tsx
+++ b/apps/wallet/src/ui/app/pages/accounts/WelcomePage.tsx
@@ -23,7 +23,11 @@ export function WelcomePage() {
     return (
         <Loading loading={isInitializedLoading || isFullscreenGuardLoading}>
             <div className="flex h-full w-full flex-col items-center justify-between bg-neutral-100 px-md py-2xl shadow-wallet-content dark:bg-neutral-6">
-                <IotaLogoWeb width={130} height={32} />
+                <IotaLogoWeb
+                    width={130}
+                    height={32}
+                    className="text-neutral-10 dark:text-neutral-92"
+                />
                 <div className="flex flex-col items-center gap-8 text-center">
                     <div className="flex flex-col items-center gap-4">
                         <span className="text-headline-sm text-neutral-40">Welcome to</span>