0dfbdca00cda65e4449d18456d4f77d7d65dcd73
Significantly lightened all dark theme colors for reduced contrast: Background tones (lighter, softer): - waveform-bg: 16% (was 10% - too dark) - background: 18% (was 12% - lifted significantly) - card: 22% (was 15% - more visible) - muted: 25% (was 18% - lighter) - secondary: 28% (was 20% - softer) - accent: 30% (was 22% - warmer) - border: 32% (was 25% - more subtle) Foreground tones (softer, less harsh): - foreground: 78% (was 85% - reduced contrast) - card-foreground: 78% (was 85% - softer) - secondary-foreground: 75% (was 80% - gentler) - muted-foreground: 58% (was 60% - slightly muted) Color adjustments: - Reduced color intensity (0.14 vs 0.15) - Softer blue primary: oklch(68% 0.14 240) - More muted accent colors throughout Benefits: - Much softer, gentler appearance - Reduced contrast reduces eye strain - More comfortable for long editing sessions - Warmer, more inviting feel - Modern low-contrast aesthetic - Similar to VSCode's "Dark+" or Figma's dark mode The theme now has a beautiful, soft low-contrast aesthetic that's easy on the eyes while maintaining readability. 🤖 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!
Description
Languages
TypeScript
98.8%
CSS
1.1%
Dockerfile
0.1%