Commit Graph

39 Commits

Author SHA1 Message Date
Ferdinand
a7d51b9e17 feat: Hintergrund wechselt dynamisch zur Pastelversion der aktuellen Farbe
Bei jeder Farbidentifikation wird der Hue übernommen, Sättigung gedämpft
(max 45%) und Helligkeit auf 92% gesetzt. Sanfter 0.8s CSS-Übergang.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 17:09:58 +02:00
Ferdinand
796a568ab3 copy: Seitenüberschriften durch UX-orientierte Sätze ersetzt
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 17:06:36 +02:00
Ferdinand
f70d02d11d feat: Tab-Navigation als Hamburger-Menü
3-Striche-Button öffnet Dropdown mit allen Kategorien.
Aktive Kategorie wird neben dem Button angezeigt.
Klick außerhalb schließt das Menü.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 17:04:02 +02:00
Ferdinand
6da431bf7e feat: zufällige Hintergrundfarbe aus 8 Pastelltönen beim Start
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 16:47:33 +02:00
Ferdinand
df5e628278 style: Hintergrundfarbe auf #DFE9F5, filter ohne invert
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 16:40:17 +02:00
Ferdinand
61fa93bcd3 style: Hintergrundanimation invertiert für deutlich mehr Sichtbarkeit
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 16:37:50 +02:00
Ferdinand
364d6ecf56 style: Hintergrundanimation kontrastreicher (filter contrast/brightness)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 16:36:05 +02:00
Ferdinand
c63dfbace4 feat: Hintergrund-Animation 'Background Grey Wave' als Fullscreen-Layer
Lottie-Animation fixed hinter allen Inhalten, 100vw/100vh skaliert.
Header mit Glassmorphism-Effekt (backdrop-filter blur) damit Inhalt
beim Scrollen lesbar bleibt.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 16:33:52 +02:00
Ferdinand
cf31d6bbd2 style: alle font-family auf Poppins umgestellt
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 14:00:32 +02:00
Ferdinand
2c67d4e452 style: Schriftart auf Poppins umgestellt (Google Fonts)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 13:59:20 +02:00
Ferdinand
afff92409e style: Titel auf 3rem, Logo auf 80px vergrößert
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 13:58:16 +02:00
Ferdinand
1919f949e9 style: Pigmento-Titel und Logo vergrößert, mehr Abstand zu den Tabs
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 13:57:11 +02:00
Ferdinand
f5a976b3a4 feat: Lottie-Animation neben Pigmento-Titel im Header
Fluid Loading Animation.json via lottie-web (CDN) als 36x36px SVG
animiert neben dem h1-Titel. Loop, autoplay, kein Build-Schritt nötig.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 13:55:11 +02:00
Ferdinand
ad04577ce2 feat: Verlauf löschbar, Lösch-Bestätigung, HEX/RGB/HSL Tooltips
- Verlauf: neuer Button 'Verlauf löschen' mit Bestätigungsdialog
- Löschen von Favoriten und Schemata erfordert jetzt Bestätigung
- HEX, RGB und HSL Labels in Picker- und Eingabe-Tab mit ℹ Tooltip

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-02 15:27:08 +02:00
Ferdinand
20abe09590 feat: Hierarchien für Farbschemata via Drag & Drop
Schematas können per Drag & Drop als Unterkategorien anderer Schematas
organisiert werden. Kinder werden eingerückt mit linkem Rand angezeigt.
Entnesten via Button oder Root-Dropzone. Löschen orphaned Kinder.
Umbenennen aktualisiert Kind-Referenzen automatisch.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-02 15:13:46 +02:00
Ferdinand
8a31d5336e feat: Farbschemata nachträglich bearbeiten
Neuer Button 'Schema bearbeiten' neben 'Schema löschen'. Öffnet das
bestehende Modal mit vorausgefüllten Daten (Name, Farben, Vorschaubild).
Umbenennen wird korrekt behandelt (altes Schema wird ersetzt).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-02 15:04:54 +02:00
Ferdinand
405f1f25d7 feat: Farbvorschlag aus Vorschaubild via K-Means Clustering
Beim Hochladen eines Vorschaubilds werden automatisch bis zu 3
dominante Farben per K-Means++ extrahiert und als Vorschlag angezeigt.
Der User kann den Vorschlag übernehmen oder ablehnen und manuell fortfahren.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-02 14:39:30 +02:00
Ferdinand
7f50f40a5b feat: Vorschaubild für Farbschemata hochladen und anzeigen 2026-04-02 14:31:10 +02:00
Ferdinand
447473c6f5 feat: Modal zum manuellen Erstellen von Farbschemata 2026-04-02 14:23:26 +02:00
Ferdinand
7a17f2c511 feat: rename Farbhelfer to Pigmento 2026-04-02 14:12:17 +02:00
Ferdinand
cc4d612b33 feat: Erklärungen als Hover-Tooltip bei Harmonietypen 2026-04-02 13:55:43 +02:00
Ferdinand
184f3ec0c2 fix: bidirectional eingabe update, hexToHsl null check, import validation, harmony umlauts 2026-04-02 10:46:44 +02:00
Ferdinand
ce6c3298b4 fix: remove double swatch-cell nesting in renderSammlung 2026-04-02 10:43:42 +02:00
Ferdinand
b30ff0d7fc style: move h3 margin-bottom from inline to CSS 2026-04-02 10:41:51 +02:00
Ferdinand
056d6c92a6 style: finales CSS-Finishing, inline styles zu CSS-Klassen
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-02 10:40:25 +02:00
Ferdinand
d9675f672d fix: revoke object URL, merge history on import, handle prompt cancel 2026-04-02 10:38:39 +02:00
Ferdinand
f04bcce060 fix: correct German umlaut typos in collection.js 2026-04-02 10:36:29 +02:00
Ferdinand
3c9f5b183b feat: Sammlung mit Favoriten, Verlauf, Schemata, Export und Import
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-02 10:35:10 +02:00
Ferdinand
026e0c0e75 feat: Harmonien-Tab mit Komplementar, Analog, Triade, Split-Komplementar 2026-04-01 16:28:41 +02:00
Ferdinand
8918d4623b fix: consistent indentation in index.html picker section 2026-04-01 16:27:10 +02:00
Ferdinand
9cf34b03f0 feat: Picker-Tab mit Upload, Paste und Eyedropper 2026-04-01 16:24:30 +02:00
Ferdinand
36d0253668 fix: prevent double updateUI, move imports to top, label for attributes 2026-04-01 16:22:37 +02:00
Ferdinand
cf9cdb2f6e feat: Eingabe-Tab mit bidirektionaler Farbumrechnung
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-01 16:19:47 +02:00
Ferdinand
8aacaa1d8f fix: input validation in hexToRgb, pre-initialize h in rgbToHsl 2026-04-01 16:18:01 +02:00
Ferdinand
6bb0b6a37e feat: Farbumrechnung Hex/RGB/HSL und Harmonieberechnungen 2026-04-01 16:15:44 +02:00
Ferdinand
46d5241bd4 fix: input validation, null guard and code comments in app.js/style.css 2026-04-01 16:12:07 +02:00
Ferdinand
331a7ed706 feat: Grundstruktur mit Tab-Navigation 2026-04-01 16:09:36 +02:00
Ferdinand
1097b2a5e6 Add Farbhelfer implementation plan 2026-04-01 16:07:03 +02:00
Ferdinand
4aafd9e0c2 Add Farbhelfer design spec 2026-04-01 14:08:04 +02:00