diff --git a/ui/apps/platform/src/Containers/MainPage/Header/MastheadToolbar.tsx b/ui/apps/platform/src/Containers/MainPage/Header/MastheadToolbar.tsx
index aba58a18e8aec..7d7581ceef795 100644
--- a/ui/apps/platform/src/Containers/MainPage/Header/MastheadToolbar.tsx
+++ b/ui/apps/platform/src/Containers/MainPage/Header/MastheadToolbar.tsx
@@ -11,7 +11,11 @@ import ClusterStatusProblems from './ClusterStatusProblems';
 import GlobalSearchButton from './GlobalSearchButton';
 import HelpMenu from './HelpMenu';
 import OrchestratorComponentsToggle from './OrchestratorComponentsToggle';
+/*
+ * TODO: remove this comment, which hides the light-mode/dark-mode toggle import,
+ *       after we update to use PatternFly themes for dark mode
 import ThemeToggleButton from './ThemeToggleButton';
+ */
 import UserMenu from './UserMenu';
 
 function MastheadToolbar(): ReactElement {
@@ -38,9 +42,13 @@ function MastheadToolbar(): ReactElement {
                 <PageHeaderToolsItem>
                     <CLIDownloadMenu />
                 </PageHeaderToolsItem>
+                {/*
+                  * TODO: remove this comment, which hides the light-mode/dark-mode toggle,
+                  *       after we update to use PatternFly themes for dark mode
                 <PageHeaderToolsItem>
                     <ThemeToggleButton />
                 </PageHeaderToolsItem>
+                */}
                 <PageHeaderToolsItem>
                     <ClusterStatusProblems />
                 </PageHeaderToolsItem>
diff --git a/ui/apps/platform/src/Containers/ThemeProvider.js b/ui/apps/platform/src/Containers/ThemeProvider.js
index 64cbaed0bdc1d..13dea098c92f0 100644
--- a/ui/apps/platform/src/Containers/ThemeProvider.js
+++ b/ui/apps/platform/src/Containers/ThemeProvider.js
@@ -30,6 +30,10 @@ const useEffectDarkMode = () => {
             // default to light mode.
             isDarkMode = darkModeValue === 'true';
         }
+
+        // TODO: remove this override for never dark-mode, after we update to use PatternFly themes for dark mode
+        isDarkMode = false;
+
         setThemeState({ isDarkMode, hasThemeMounted: true });
     }, [userPrefersDarkMode]);
 
@@ -50,7 +54,12 @@ const ThemeProvider = ({ children }) => {
 
     const toggle = () => {
         const prevTheme = getTheme(themeState.isDarkMode);
-        const darkModeToggled = !themeState.isDarkMode;
+
+        // TODO: remove this override for never dark-mode, ` && false`
+        //       after we update to use PatternFly themes for dark mode
+
+        const darkModeToggled = !themeState.isDarkMode && false;
+
         localStorage.setItem(DARK_MODE_KEY, JSON.stringify(darkModeToggled));
         document.body.classList.remove(prevTheme);
         setThemeState({ ...themeState, isDarkMode: darkModeToggled });