Rebrand
La surface unique de rebranding est src/config/app.ts (appConfig). Elle est utilisée
par la barre latérale (logo + nom + navigation), l'en-tête du document racine (titre +
description), le fournisseur de thème et les pages d'authentification (en-tête de marque).
Rien d'autre ne doit coder en dur le nom ou le logo du produit.
Étapes
-
Modifiez
src/config/app.ts:name— nom du produit (barre latérale,<title>, en-tête d'authentification).description—<meta name="description">.logo— tout composant d'icône Phosphor (par ex.import { RocketIcon }).theme—{ defaultTheme: "light" | "dark" | "system", enableSystem }.
-
Navigation se trouve dans
src/lib/sidebar-items.ts(mainMenuItems,bottomMenuItems), exposée viaappConfig.nav. Ajoutez/supprimez/réorganisez les éléments ; conservez la ligne// create-resource:anchor(le générateur insère au-dessus). -
Jetons de thème (couleurs) sont des variables CSS dans
src/styles/app.css(--primary,--chart-1..5, …) pour le mode clair et.dark. Les graphiques et les StatusChips se re-thématisent automatiquement.
Vérifier
bun run check, puis chargez l'application : la barre latérale, l'onglet du navigateur et la
page de connexion affichent tous la nouvelle marque. Le test unitaire appConfig vérifie les
invariants de navigation (src/config/app.test.ts).