autoblog/HealthCare
Template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: inject dynamic ThemeListener for fonts and colors

Browse source
This commit is contained in:
AI Studio 2026-05-19 21:59:20 +00:00
parent 1ebcb7c675
commit 0218e4c7f5
2 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Template-01/src/App.tsx
View file

@ -1,3 +1,4 @@
import { ThemeListener } from './components/layout/ThemeListener';
import { BrowserRouter, Routes, Route, useLocation } from 'react-router-dom'; import { BrowserRouter, Routes, Route, useLocation } from 'react-router-dom';
import { useEffect } from 'react'; import { useEffect } from 'react';
import { Navbar } from './components/navbar'; import { Navbar } from './components/navbar';
@ -27,6 +28,7 @@ export default function App() {
<BrowserRouter> <BrowserRouter>
<ScrollToTop /> <ScrollToTop />
<div className="min-h-screen flex flex-col font-sans"> <div className="min-h-screen flex flex-col font-sans">
<ThemeListener />
<Navbar /> <Navbar />
<main className="flex-grow"> <main className="flex-grow">
<Routes> <Routes>

2
Template-02/src/App.tsx
View file

@ -1,3 +1,4 @@
import { ThemeListener } from './components/layout/ThemeListener';
import { BrowserRouter, Routes, Route, useLocation } from 'react-router-dom'; import { BrowserRouter, Routes, Route, useLocation } from 'react-router-dom';
import { useEffect } from 'react'; import { useEffect } from 'react';
import { HelmetProvider } from 'react-helmet-async'; import { HelmetProvider } from 'react-helmet-async';
@ -32,6 +33,7 @@ function RouteTracker() {
export default function App() { export default function App() {
return ( return (
<HelmetProvider> <HelmetProvider>
<ThemeListener />
<BrowserRouter> <BrowserRouter>
<RouteTracker /> <RouteTracker />
<div className="min-h-screen flex flex-col font-sans"> <div className="min-h-screen flex flex-col font-sans">