From 5e25e248e478e3135f5ba64e0c15bffba9a8e389 Mon Sep 17 00:00:00 2001
From: Shane Osbourne <shane.osbourne8@gmail.com>
Date: Fri, 17 Jan 2025 20:37:23 +0000
Subject: [PATCH] ntp: fix regression with theme context/text color

---
 special-pages/pages/new-tab/app/components/App.js         | 2 +-
 special-pages/pages/new-tab/app/components/App.module.css | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/special-pages/pages/new-tab/app/components/App.js b/special-pages/pages/new-tab/app/components/App.js
index 5693f51a5..1cd588d12 100644
--- a/special-pages/pages/new-tab/app/components/App.js
+++ b/special-pages/pages/new-tab/app/components/App.js
@@ -61,7 +61,7 @@ export function App() {
                         </div>
                     </div>
                 </main>
-                <div data-theme={main}>
+                <div class={styles.themeContext} data-theme={main}>
                     <CustomizerMenuPositionedFixed>
                         {customizerKind === 'menu' && <CustomizerMenu />}
                         {customizerKind === 'drawer' && (
diff --git a/special-pages/pages/new-tab/app/components/App.module.css b/special-pages/pages/new-tab/app/components/App.module.css
index bd5da2afb..6c0a6b7ad 100644
--- a/special-pages/pages/new-tab/app/components/App.module.css
+++ b/special-pages/pages/new-tab/app/components/App.module.css
@@ -52,7 +52,9 @@ body[data-animate-background="true"] {
     color: var(--ntp-text-normal);
 }
 
-
+.themeContext {
+    color: var(--ntp-text-normal);
+}
 
 .mainLayout {
     will-change: transform;