diff --git a/src/apps/popup/pages/navigation-menu/index.tsx b/src/apps/popup/pages/navigation-menu/index.tsx index aa00b46fd..bb4f0435c 100644 --- a/src/apps/popup/pages/navigation-menu/index.tsx +++ b/src/apps/popup/pages/navigation-menu/index.tsx @@ -22,6 +22,7 @@ import { selectVaultCountsOfAccounts } from '@background/redux/vault/selectors'; +import { useIsDarkMode } from '@hooks/use-is-dark-mode'; import { useWindowManager } from '@hooks/use-window-manager'; import { @@ -89,6 +90,7 @@ interface MenuGroup { export function NavigationMenuPageContent() { const navigate = useTypedNavigate(); const { t } = useTranslation(); + const isDarkMode = useIsDarkMode(); const timeoutDurationSetting = useSelector(selectTimeoutDurationSetting); const countOfConnectedSites = useSelector(selectCountOfConnectedSites); @@ -396,7 +398,11 @@ export function NavigationMenuPageContent() { diff --git a/src/assets/icons/casper-wallet-text-logo-dark.svg b/src/assets/icons/casper-wallet-text-logo-dark.svg new file mode 100644 index 000000000..5ff7008cb --- /dev/null +++ b/src/assets/icons/casper-wallet-text-logo-dark.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/assets/icons/casper-wallet-text-logo.svg b/src/assets/icons/casper-wallet-text-logo-light.svg similarity index 100% rename from src/assets/icons/casper-wallet-text-logo.svg rename to src/assets/icons/casper-wallet-text-logo-light.svg diff --git a/src/libs/layout/layout-tab.tsx b/src/libs/layout/layout-tab.tsx index 52ab75265..e5bc62afb 100644 --- a/src/libs/layout/layout-tab.tsx +++ b/src/libs/layout/layout-tab.tsx @@ -64,7 +64,7 @@ export function LayoutTab({