ahpxex/open-dashboard

Rebranding

Die einzige Oberfläche für das Rebranding ist src/config/app.ts (appConfig). Sie wird verwendet vom Seitenleisten-Menü (Logo + Name + Navigation), dem <head>-Bereich des Dokuments (Titel + Beschreibung), dem Theme-Provider und den Authentifizierungsseiten (Brand-Header). Nichts anderes sollte den Produktnamen oder das Logo hartcodieren.

Schritte

1. Bearbeite src/config/app.ts:

   • name — Produktname (Seitenleiste, <title>, Auth-Header).
   • description — <meta name="description">.
   • logo — eine beliebige Phosphor-Icon-Komponente (z.B. import { RocketIcon }).
   • theme — { defaultTheme: "light" | "dark" | "system", enableSystem }.

2. Navigation befindet sich in src/lib/sidebar-items.ts (mainMenuItems, bottomMenuItems) und wird als appConfig.nav bereitgestellt. Füge Elemente hinzu/entferne sie/ordne sie neu; behalte die Zeile // create-resource:anchor bei (der Generator fügt darüber ein).

3. Theme-Tokens (Farben) sind CSS-Variablen in src/styles/app.css (--primary, --chart-1..5, …) für Light und .dark. Diagramme und Status-Chips werden automatisch neu eingefärbt.

Überprüfung

Führe bun run check aus und lade dann die App: Die Seitenleiste, der Browser-Tab-Titel und die Login-Seite zeigen die neue Marke an. Der appConfig-Unit-Test prüft die Navigations- Invarianten (src/config/app.test.ts).