mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-14 22:21:10 +02:00
c5a76d726c
Two visible bugs on the Neuer-Space dialog in dark mode: 1. Type cards were invisible except for the active one. The CSS used `var(--color-border, hsl(0 0% 88%))` — a CSS variable without HSL wrapping. The theme system actually uses shadcn-style raw values (e.g. `--color-border: 0 0% 88%`) that need to be wrapped with `hsl(...)` at use-site. Without the wrap the border was undefined, and the card fell back to "no border and no background" = loose text on the dialog. 2. Input fields (Name, URL-Kürzel, Brand-Voice) rendered with a hard-coded white fallback because `var(--color-surface-1, white)` ignored the theme token in dark mode. Same wrapping issue as #1. Rewrote the dialog stylesheet to use the `hsl(var(--color-X))` pattern consistently — mirroring @mana/shared-ui Pill.svelte, which does work in both modes. Adjacent polish: - Every type card now has border + subtle background in all states; hover lifts it; active uses color-mix with --pill-primary-color so it picks up the current theme variant's accent. - Input fields use --color-input (shadcn standard) with --color-background fallback, with a primary-tinted focus ring. - Section labels (legend, field > span) styled as small uppercase labels matching other form conventions. - Backdrop is a bit darker and gets an extra alpha bump in dark mode. - Error panel uses color-mix so it blends into dark mode instead of showing a bright light-red panel. - Buttons use --color-primary with --color-primary-foreground for the text, with a small brightness filter on hover. Plan: docs/plans/spaces-foundation.md Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| api | ||
| calc/packages/shared | ||
| calendar | ||
| cards | ||
| chat | ||
| citycorners | ||
| contacts | ||
| context | ||
| docs | ||
| food | ||
| guides | ||
| inventory | ||
| mana | ||
| manavoxel | ||
| memoro | ||
| moodlit | ||
| mukke | ||
| news | ||
| photos | ||
| picture | ||
| plants | ||
| presi | ||
| questions | ||
| quotes/packages/content | ||
| skilltree | ||
| storage | ||
| times | ||
| todo | ||
| traces | ||
| uload | ||