gilles/home_hub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: thème dark/light/system, taille police, page config, paste photo todo

Browse Source 
ThemeContext
- ThemeMode dark/light/system persisté en localStorage
- fontScale 0.8–1.4 appliqué via CSS zoom sur <html>
- Écoute prefers-color-scheme pour le mode système

index.html
- Script anti-flash : applique thème et zoom synchrone avant le premier rendu

Layout
- TopBar fixe 44px : bouton icône qui cycle dark→light→system→dark
- Contenu décalé de 44px vers le bas

ConfigPage (/config)
- Sélecteur de thème (3 boutons avec icônes)
- Slider taille de texte avec aperçu temps réel
- Bouton Réinitialiser

HomePage
- Tuile Paramètres (fa-sliders) → /config

TodoForm
- Paste Ctrl+V pour ajouter une photo (même mécanique que CatalogueModal)
- Indice visuel "ou Ctrl+V"

v0.5.0

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
gilles
2026-05-25 13:41:42 +02:00
co-authored by Claude Sonnet 4.6
parent 3dbd554eeb
commit bd0e06c5dd
8 changed files with 342 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/App.tsx
+2
View File
@@ -4,6 +4,7 @@ import HomePage from './pages/HomePage'
import TodosPage from './pages/TodosPage'
import ShoppingPage from './pages/ShoppingPage'
import NotesPage from './pages/NotesPage'
import ConfigPage from './pages/ConfigPage'
export default function App() {
return (
@@ -14,6 +15,7 @@ export default function App() {
<Route path="todos" element={<TodosPage />} />
<Route path="shopping" element={<ShoppingPage />} />
<Route path="notes" element={<NotesPage />} />
<Route path="config" element={<ConfigPage />} />
</Route>
</Routes>
</BrowserRouter>