From 65a76278b15b0bf250b823b4216613b36a0c2435 Mon Sep 17 00:00:00 2001
From: AI Studio <ai@google.com>
Date: Tue, 19 May 2026 21:59:31 +0000
Subject: [PATCH] feat: inject dynamic ThemeListener for fonts and colors

---
 Template-01/src/App.tsx | 2 ++
 Template-02/src/App.tsx | 2 ++
 Template-03/src/App.tsx | 2 ++
 Template-04/src/App.tsx | 2 ++
 4 files changed, 8 insertions(+)

diff --git a/Template-01/src/App.tsx b/Template-01/src/App.tsx
index 4ed894f..b407767 100644
--- a/Template-01/src/App.tsx
+++ b/Template-01/src/App.tsx
@@ -1,3 +1,4 @@
+import { ThemeListener } from './components/layout/ThemeListener';
 /**
  * @license
  * SPDX-License-Identifier: Apache-2.0
@@ -26,6 +27,7 @@ export default function App() {
       <LanguageProvider>
         <BookmarksProvider>
           <Router>
+      <ThemeListener />
             <Layout>
               <Routes>
                 <Route path="/" element={<Home />} />
diff --git a/Template-02/src/App.tsx b/Template-02/src/App.tsx
index 1632fe1..b95f7ec 100644
--- a/Template-02/src/App.tsx
+++ b/Template-02/src/App.tsx
@@ -1,3 +1,4 @@
+import { ThemeListener } from './components/layout/ThemeListener';
 /**
  * @license
  * SPDX-License-Identifier: Apache-2.0
@@ -27,6 +28,7 @@ export default function App() {
       <LanguageProvider>
         <BookmarksProvider>
           <Router>
+      <ThemeListener />
             <Layout>
               <Routes>
                 <Route path="/" element={<Home />} />
diff --git a/Template-03/src/App.tsx b/Template-03/src/App.tsx
index 1632fe1..b95f7ec 100644
--- a/Template-03/src/App.tsx
+++ b/Template-03/src/App.tsx
@@ -1,3 +1,4 @@
+import { ThemeListener } from './components/layout/ThemeListener';
 /**
  * @license
  * SPDX-License-Identifier: Apache-2.0
@@ -27,6 +28,7 @@ export default function App() {
       <LanguageProvider>
         <BookmarksProvider>
           <Router>
+      <ThemeListener />
             <Layout>
               <Routes>
                 <Route path="/" element={<Home />} />
diff --git a/Template-04/src/App.tsx b/Template-04/src/App.tsx
index 1632fe1..b95f7ec 100644
--- a/Template-04/src/App.tsx
+++ b/Template-04/src/App.tsx
@@ -1,3 +1,4 @@
+import { ThemeListener } from './components/layout/ThemeListener';
 /**
  * @license
  * SPDX-License-Identifier: Apache-2.0
@@ -27,6 +28,7 @@ export default function App() {
       <LanguageProvider>
         <BookmarksProvider>
           <Router>
+      <ThemeListener />
             <Layout>
               <Routes>
                 <Route path="/" element={<Home />} />