Commit Graph
4 Commits
Author SHA1 Message Date
rin.kagamine 816f8fbd2f refactor: rename project Lyria Studio → Kithara Studio
- App name, UI text, page titles → Kithara Studio
- Python module: lyria_client.py → kithara_client.py
- Tailwind color classes: lyria-* → kithara-*
- CSS custom properties: --lyria-* → --kithara-*
- Database: lyria.db → kithara.db
- Package name: kithara-studio-frontend
- localStorage key: kithara-saved-searches
- Add project logo (lyre icon, black on transparent, invert via CSS)

Preserved as Google's property:
- LYRIA_API_KEY, LYRIA_BASE_URL, LYRIA_DEFAULT_MODEL env vars
- LYRIA_MODELS dict and model IDs (lyria-3-clip-preview, lyria-3-pro-preview)
- Google Lyria API references in error messages and docstrings
2026-05-31 09:45:22 -04:00
rin.kagamine 6410e16912 fix: Darker modal backdrops for better contrast
SettingsModal + ArtworkGenerationModal:
- Backdrop: bg-black/60 → bg-black/80 (darker, less bleed-through)
- Backdrop blur: backdrop-blur-sm → backdrop-blur-md (stronger blur effect)
- Modal surface: added lyria-surface color (#1a1a24) to tailwind config
  for solid, opaque modal backgrounds

Result: Background elements are much less visible behind modals,
improving readability and focus.
2026-05-29 22:10:21 -04:00
rin.kagamine a14ec40872 fix: Register marquee animation in Tailwind config
The marquee scroll effect wasn't working because 'animate-marquee'
was defined as an inline CSS class, not a Tailwind utility. Tailwind's
JIT compiler strips unknown classes, so group-hover:animate-marquee
was being removed at build time.

Fix: Added 'marquee-scroll' keyframes and 'marquee' animation to
tailwind.config.js theme.extend. Now 'animate-marquee' is a proper
Tailwind utility that works with group-hover and responsive variants.

Also removed the inline <style> block from Player.tsx since the
animation is now handled by Tailwind.
2026-05-29 20:50:36 -04:00
rin.kagamine a2bc785b14 Initial scaffold: FastAPI backend + React frontend + Docker Compose
- Backend: FastAPI with SQLite, clip CRUD, health check
- Frontend: React + Vite + TypeScript + Tailwind, dark theme
- Components: Generator, Gallery, Player
- Docker: Compose setup for backend + frontend
- Architecture docs in Palace KB
2026-05-26 18:18:55 -04:00