Sebastian Krüger
f74c8abbf9
Replaced harsh whites with a soft, professional light gray palette: Light tones (lightest to darkest): - waveform-bg: 99% - near-white for waveform area - card: 98% - soft white for cards/panels - background: 96% - main background (was 100% harsh white) - muted: 94% - muted elements - secondary/accent: 92% - secondary/accent elements - input: 92% - input backgrounds - border: 88% - borders and dividers Dark tones (text, darker): - foreground: 20% - main text (was 9.8% too dark) - card-foreground: 20% - card text - secondary-foreground: 25% - secondary text - muted-foreground: 45% - muted text (lighter for better contrast) Primary color: - Changed to pleasant blue: oklch(55% 0.15 240) - Matches dark theme primary color concept - More modern than pure black Benefits: - Softer, more pleasant appearance - Reduced eye strain in light mode - Better harmony with dark mode - Professional appearance like Figma, Linear, etc. - Maintains excellent readability - Consistent gray palette across both themes Both light and dark themes now have harmonized gray palettes that are easy on the eyes and professional-looking. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Audio UI
A sophisticated browser-only audio editor built with Next.js 16, React 19, and Tailwind CSS 4.
Features (Planned)
- 100% Client-Side: All audio processing happens in your browser
- Multi-Track Editing: Professional multi-track audio editing
- Advanced Effects: EQ, compression, reverb, delay, and more
- Automation: Automate volume, pan, and effect parameters
- Recording: Record audio directly from your microphone
- Analysis Tools: Frequency analyzer, spectrogram, and loudness metering
- Export Formats: WAV, MP3, OGG, FLAC
- Project Management: Save and load complete projects
- Privacy-First: No uploads, all data stays local in your browser
Tech Stack
- Next.js 16 with React 19
- TypeScript 5
- Tailwind CSS 4 with OKLCH colors
- Web Audio API for audio processing
- Canvas API for waveform visualization
- IndexedDB for project storage
Getting Started
This project is currently in the planning phase. See PLAN.md for the complete implementation plan.
Development (Coming Soon)
# Install dependencies
pnpm install
# Run development server
pnpm dev
# Build for production
pnpm build
Inspiration
Inspired by AudioMass and professional DAWs like Ableton Live, Logic Pro, and FL Studio.
License
TBD
Contributing
This is a personal project, but suggestions and ideas are welcome!