diff --git a/assets/favicons/android-chrome-192x192.png b/assets/favicons/android-chrome-192x192.png index bf2009dde..fb68033e3 100644 Binary files a/assets/favicons/android-chrome-192x192.png and b/assets/favicons/android-chrome-192x192.png differ diff --git a/assets/favicons/android-chrome-512x512.png b/assets/favicons/android-chrome-512x512.png index 46cb06dba..9668b49ca 100644 Binary files a/assets/favicons/android-chrome-512x512.png and b/assets/favicons/android-chrome-512x512.png differ diff --git a/assets/favicons/apple-touch-icon.png b/assets/favicons/apple-touch-icon.png index 961b7fe32..5969c7670 100644 Binary files a/assets/favicons/apple-touch-icon.png and b/assets/favicons/apple-touch-icon.png differ diff --git a/assets/favicons/favicon-16x16.png b/assets/favicons/favicon-16x16.png index 3d852d7fd..5370ad9eb 100644 Binary files a/assets/favicons/favicon-16x16.png and b/assets/favicons/favicon-16x16.png differ diff --git a/assets/favicons/favicon-32x32.png b/assets/favicons/favicon-32x32.png index 78c709c3b..65371845d 100644 Binary files a/assets/favicons/favicon-32x32.png and b/assets/favicons/favicon-32x32.png differ diff --git a/assets/favicons/favicon.ico b/assets/favicons/favicon.ico index 04f8d8444..c3fc2ed8a 100644 Binary files a/assets/favicons/favicon.ico and b/assets/favicons/favicon.ico differ diff --git a/assets/favicons/mstile-144x144.png b/assets/favicons/mstile-144x144.png index 92cfd50f6..5e14dea58 100644 Binary files a/assets/favicons/mstile-144x144.png and b/assets/favicons/mstile-144x144.png differ diff --git a/assets/favicons/mstile-150x150.png b/assets/favicons/mstile-150x150.png index 732f2f89b..52268666b 100644 Binary files a/assets/favicons/mstile-150x150.png and b/assets/favicons/mstile-150x150.png differ diff --git a/assets/favicons/mstile-310x150.png b/assets/favicons/mstile-310x150.png index c62f7efed..93ca14c5b 100644 Binary files a/assets/favicons/mstile-310x150.png and b/assets/favicons/mstile-310x150.png differ diff --git a/assets/favicons/mstile-310x310.png b/assets/favicons/mstile-310x310.png index dd52875b7..19860e7a5 100644 Binary files a/assets/favicons/mstile-310x310.png and b/assets/favicons/mstile-310x310.png differ diff --git a/assets/favicons/mstile-70x70.png b/assets/favicons/mstile-70x70.png index fc66febe5..71e329317 100644 Binary files a/assets/favicons/mstile-70x70.png and b/assets/favicons/mstile-70x70.png differ diff --git a/assets/favicons/safari-pinned-tab.svg b/assets/favicons/safari-pinned-tab.svg index 8a873f118..abc4370b6 100644 --- a/assets/favicons/safari-pinned-tab.svg +++ b/assets/favicons/safari-pinned-tab.svg @@ -1,18 +1,4 @@ - - - - -Created by potrace 1.11, written by Peter Selinger 2001-2013 - - - - + + + diff --git a/assets/images/sidebar-deafult-logo-darkMode.png b/assets/images/sidebar-deafult-logo-darkMode.png new file mode 100644 index 000000000..1a8f6a3dc Binary files /dev/null and b/assets/images/sidebar-deafult-logo-darkMode.png differ diff --git a/assets/images/sidebar-default-logo.png b/assets/images/sidebar-default-logo.png index 59137b51f..597572fc4 100644 Binary files a/assets/images/sidebar-default-logo.png and b/assets/images/sidebar-default-logo.png differ diff --git a/src/components/Sidebar/MountingPoint.tsx b/src/components/Sidebar/MountingPoint.tsx index 1c0384fe3..ba3c597b6 100644 --- a/src/components/Sidebar/MountingPoint.tsx +++ b/src/components/Sidebar/MountingPoint.tsx @@ -1,12 +1,20 @@ +import sideBarDefaultLogoDarkMode from "@assets/images/sidebar-deafult-logo-darkMode.png"; import sideBarDefaultLogo from "@assets/images/sidebar-default-logo.png"; +import { useLegacyThemeHandler } from "@dashboard/components/Sidebar/user/Controls"; import { Avatar, Box, Text } from "@saleor/macaw-ui/next"; import React from "react"; -export const MountingPoint = () => ( - - - - Saleor Dashboard - - -); +export const MountingPoint = () => { + const { theme } = useLegacyThemeHandler(); + const logo = + theme === "defaultLight" ? sideBarDefaultLogo : sideBarDefaultLogoDarkMode; + + return ( + + + + Saleor Dashboard + + + ); +}; diff --git a/src/components/Sidebar/user/Controls.tsx b/src/components/Sidebar/user/Controls.tsx index 352aff91b..c72762143 100644 --- a/src/components/Sidebar/user/Controls.tsx +++ b/src/components/Sidebar/user/Controls.tsx @@ -17,7 +17,7 @@ import { Link } from "react-router-dom"; import { ThemeSwitcher } from "./ThemeSwitcher"; -const useLegacyThemeHandler = () => { +export const useLegacyThemeHandler = () => { const { theme, setTheme } = useTheme(); const { setTheme: setLegacyTheme } = useLegacyTheme();