Allgemein
CodingBoss/ESGeffective
1
feature/dark-mode
CodingBoss/esg-api
feature/dark-mode
CodingBoss/marketing-site
feature/dark-mode
Füge einen Dark-Mode Toggle in den Header ein — und merk dir die Auswahl.
Ich habe den Header und den Theme-Kontext im echten Repo gelesen. Nicht geraten, sondern nachgeschlagen — hier ist mein Plan:
Dark-Mode Toggle im Header
Review OK
4 Schritte
2 Dateien
~6 Min
1.
useTheme-Hook um toggle() erweitern
2.
Toggle-Button im Header einsetzen
3.
Auswahl im localStorage speichern
4.
Kontrast der Icons prüfen
components/header.tsx
hooks/use-theme.ts
Freigegeben. Leg los.
Freigabe erhalten. Ich schreibe den Code selbst — vor jedem Schreibvorgang laufen Guards gegen gelöschte Stellen, erfundene Imports und Pfad-Kollisionen.
Plan
Miss Spelly: 2 Dateien, 4 Schritte — freigegeben
Umsetzung
Mister Weave: schreibt Header und Theme-Hook
Verifikation
wartet auf den Build
Bericht
Ziel erreicht?
Smoke-Test
Preview im Browser prüfen
Ich arbeite auf einem eigenen Sub-Branch — dein main bleibt unberührt. Hier sind deine verbundenen Repositories, mit Branch und laufender Vorschau.
Warum ein eigener Branch? Weil du jeden Schritt zurücknehmen können musst. Mister Weave committet nur dorthin, die Vorschau baut aus demselben Branch, und gemerged wird erst, wenn du den Stand gesehen und freigegeben hast.
Zeig mir den Stand — ich will das im Browser sehen, nicht im Diff.
Die Vorschau läuft: esgeffective.vercel.app. Schau sie dir an — sie zeigt genau den Stand dieses Sub-Branches.
Du musst mir nicht beschreiben, welche Stelle du meinst: halte Cmd (Mac) oder Strg (Windows) gedrückt und klick in der Vorschau auf ein Element — auf dem Handy hältst du es einfach lange gedrückt. Es landet als Referenz im Chat, samt Datei und Komponente.
[Referenz: components/header.tsx · ThemeToggle] Der Umschalter ist im Dark-Mode kaum zu sehen.
Referenz übernommen — ThemeToggle in components/header.tsx. Der Icon-Kontrast lag bei 2,8:1, jetzt bei 4,7:1. Vorschau ist neu gebaut, sonst nichts angefasst.
Commit über die GitHub App, Build grün, Preview geprüft. Wäre der Build rot, hätte die Selbstheilung einen Reparatur-Run gestartet.
Deploy: Preview läuft — Commit a1b2c3d
Kosten: 0,18 $ in diesem Run
Ich habe festgehalten: Dark-Mode ist gesetzt, Kontraste mindestens 4,5:1, Freigabe läuft immer über dich. Beim nächsten Mal fange ich damit an — du musst es nicht wiederholen.
18:12
Titel
Unterstützung bei esgeffective.de
Erstellt von
Lena
Priorität
Normal
Status
🟢 Offen
Support, Entwicklung und Projektmanagement laufen in derselben Unterhaltung: ein Klick auf „Hilfe anfordern" erzeugt das Ticket hier rechts — du verlässt den Kontext nie.