fink.dev
2026 · Full-Stack Developer
Next.jsReactTypeScriptTailwind v4
Problem
Ich wollte ein Portfolio, das zugleich als lebendiges Design-System dient und nicht als einmaliges Template. Das bedeutete: keine fest verdrahteten Farben oder Schriften über die Komponenten verstreut, und ein Setup, bei dem sich das Aussehen der gesamten Seite durch das Ändern einer Handvoll Werte an einer Stelle anpassen lässt.
Lösung
Ich habe ein Token-getriebenes Tailwind-v4-Setup gebaut, in dem Akzentfarbe, Schrift und das Light-/Dark-Theme alle als CSS-Variablen definiert sind. Weil diese Variablen zur Laufzeit gelesen werden, kann die Seite ihr gesamtes Erscheinungsbild sofort im Browser wechseln – ohne Rebuild, ohne Neuladen und ohne duplizierten Theme-Code.