From d01b9a7508ac440b75414b7fa3e144efa6001529 Mon Sep 17 00:00:00 2001 From: Marcel Date: Wed, 6 May 2026 09:01:40 +0200 Subject: [PATCH] docs(claude-md): replace hex values with CSS var refs, expand route trees Co-Authored-By: Claude Sonnet 4.6 --- CLAUDE.md | 13 +++++++------ frontend/CLAUDE.md | 23 +++++++++++++++-------- 2 files changed, 22 insertions(+), 14 deletions(-) diff --git a/CLAUDE.md b/CLAUDE.md index f7c85503..3628e703 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -200,6 +200,7 @@ frontend/src/routes/ ├── admin/ User, group, tag, OCR, system management ├── hilfe/transkription/ Transcription help page ├── profile/ User profile settings +├── users/[id]/ Public user profile page ├── login/ logout/ register/ ├── forgot-password/ reset-password/ └── demo/ Dev-only demos @@ -238,13 +239,13 @@ export const actions = { ### Styling Conventions (Tailwind CSS 4) -Brand color utilities (defined in `layout.css`): +Brand color tokens (defined in `layout.css`): -| Class | Value | Usage | -| ------------ | --------- | -------------------------------- | -| `brand-navy` | `#012851` | Primary text, buttons, headers | -| `brand-mint` | `#a1dcd8` | Accents, hover underlines, icons | -| `brand-sand` | `#f0efe9` | Page background (palette alias) | +| Token / Utility | CSS variable | Usage | +| ---------------- | ---------------- | ------------------------------------------------------- | +| `brand-navy` | `--palette-navy` | Tailwind utility — buttons, headers, primary text | +| `brand-mint` | `--palette-mint` | Tailwind utility — accents, hover underlines, icons | +| `--palette-sand` | `--palette-sand` | Palette constant only — use `bg-canvas` or `bg-surface` | Typography: diff --git a/frontend/CLAUDE.md b/frontend/CLAUDE.md index 677e7caa..8b912685 100644 --- a/frontend/CLAUDE.md +++ b/frontend/CLAUDE.md @@ -33,8 +33,15 @@ src/ │ ├── aktivitaeten/ # Unified activity feed (Chronik) │ ├── admin/ # User, group, tag, OCR, system management │ ├── api/ # Internal API proxies (server-side only) -│ ├── login/ logout/ # Auth pages -│ └── ... +│ ├── geschichten/ # Stories (list, [id], [id]/edit, new) +│ ├── stammbaum/ # Family tree +│ ├── enrich/ # Enrichment workflow ([id], done) +│ ├── hilfe/transkription/ # Transcription help page +│ ├── profile/ # User profile settings +│ ├── users/[id]/ # Public user profile page +│ ├── login/ logout/ register/ +│ ├── forgot-password/ reset-password/ +│ └── demo/ # Dev-only demos ├── lib/ # Domain-based package structure (mirrors backend) │ ├── document/ # Document domain: components, stores, services, utils │ │ ├── annotation/ # Annotation overlay components @@ -102,13 +109,13 @@ export const actions = { ## Styling Conventions (Tailwind CSS 4) -Brand color utilities (defined in `layout.css`): +Brand color tokens (defined in `layout.css`): -| Class | Value | Usage | -| ------------ | --------- | -------------------------------- | -| `brand-navy` | `#012851` | Primary text, buttons, headers | -| `brand-mint` | `#a1dcd8` | Accents, hover underlines, icons | -| `brand-sand` | `#f0efe9` | Page background (palette alias) | +| Token / Utility | CSS variable | Usage | +| ---------------- | ---------------- | ------------------------------------------------------- | +| `brand-navy` | `--palette-navy` | Tailwind utility — buttons, headers, primary text | +| `brand-mint` | `--palette-mint` | Tailwind utility — accents, hover underlines, icons | +| `--palette-sand` | `--palette-sand` | Palette constant only — use `bg-canvas` or `bg-surface` | Typography: