diff --git a/workspaces/frontend/src/app/App.tsx b/workspaces/frontend/src/app/App.tsx
index 54ccb3a6..098b393c 100644
--- a/workspaces/frontend/src/app/App.tsx
+++ b/workspaces/frontend/src/app/App.tsx
@@ -2,9 +2,12 @@ import * as React from 'react';
import '@patternfly/react-core/dist/styles/base.css';
import './app.css';
import {
+ Brand,
Flex,
Masthead,
+ MastheadBrand,
MastheadContent,
+ MastheadLogo,
MastheadMain,
MastheadToggle,
Page,
@@ -13,6 +16,7 @@ import {
} from '@patternfly/react-core';
import { BarsIcon } from '@patternfly/react-icons';
import NamespaceSelector from '~/shared/components/NamespaceSelector';
+import logoDarkTheme from '~/images/logo-dark-theme.svg';
import { NamespaceContextProvider } from './context/NamespaceContextProvider';
import AppRoutes from './AppRoutes';
import NavSidebar from './NavSidebar';
@@ -37,6 +41,15 @@ const App: React.FC = () => {
+ {!isMUITheme() ? (
+
+
+
+
+
+ ) : (
+ ''
+ )}
diff --git a/workspaces/frontend/src/app/NavSidebar.tsx b/workspaces/frontend/src/app/NavSidebar.tsx
index c1abaa33..49a169ad 100644
--- a/workspaces/frontend/src/app/NavSidebar.tsx
+++ b/workspaces/frontend/src/app/NavSidebar.tsx
@@ -10,6 +10,7 @@ import {
PageSidebarBody,
} from '@patternfly/react-core';
import { useNavData, isNavDataGroup, NavDataHref, NavDataGroup } from './AppRoutes';
+import { isMUITheme, LOGO_LIGHT } from './const';
const NavHref: React.FC<{ item: NavDataHref }> = ({ item }) => (
@@ -49,13 +50,17 @@ const NavSidebar: React.FC = () => {