feat(wallet): improve dapp account selection in darkmode (#4531)

* feat: improve darkmode * fix missing darkmode style
iotaledger · Dec 18, 2024 · 22394e9 · 22394e9
1 parent a0d25ff
commit 22394e9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git 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
@@ -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>