feat: Frutiger Aero theme + UI polish

- Add aero-theme.css (glassmorphism, gold buttons, backdrop blur)
- Colored note cards as tinted glass via inline rgba styles
- Fix hooks order violation in RegisterPage
- Force dark mode; fix muted-foreground to opaque white
- BulkActionsBar glass-heavy blur + vivid red delete button
- New Note button pill shape with aqua dome gradient
- Prevent iOS zoom (maximum-scale=1.0)
This commit is contained in:
2026-06-07 21:57:47 +02:00
parent 839308ec19
commit a75eb92a9c
13 changed files with 365 additions and 90 deletions

View File

@@ -92,17 +92,18 @@ export function NoteCard({ note }: NoteCardProps) {
});
}
const colorClass = getNoteColor(note.color);
const { glass, borderClass } = getNoteColor(note.color);
return (
<>
<Card
className={clsx(
"relative group transition-all hover:shadow-md cursor-pointer",
colorClass,
borderClass,
note.is_pinned ? 'border-primary shadow-sm' : '',
selected && 'ring-2 ring-primary ring-offset-2'
)}
style={glass ? { background: glass } : undefined}
onClick={() => !isBulkMode && setViewOpen(true)}
>
{/* Bulk selection checkbox */}