- Minimize button now toggles a comfortable viewing filter
- Applies brightness(0.5) contrast(1.25) sepia(0.6)
- Smooth 0.3s transition between modes
- Persists choice in localStorage
- Creates warm, dimmed aesthetic while keeping XP theme
Click minimize to toggle between bright and dimmed modes.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Make window full width on mobile (<=768px)
- Stack form controls vertically on small screens
- Fix query input overflow by making it full width
- Stack labels above inputs on mobile
- Make summary sections full width and stack vertically
- Remove side margins on mobile for full screen usage
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Change input fields to soft gray (#f5f5f5)
- Dim window body background to #f0f0f0
- Soften transcript backgrounds
- Maintains XP aesthetic while reducing eye strain
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Create CSS variables for theme customization
- Define light and dark XP color schemes
- Dark mode uses darker backgrounds, lighter text
- Maintain classic XP beveled borders and shadows
- Add moon/sun toggle button in title bar
- Implement theme switching with localStorage
- Support system color scheme preference
- Smooth transitions between themes
The dark mode keeps the Windows XP look with:
- Dark teal/navy desktop background
- Dark gray window and button faces
- Lighter text colors
- Darker gradient title bars
- All original XP styling preserved
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Disable font smoothing completely with 'none'
- Use optimizeSpeed text rendering for crispness
- Force Tahoma font (classic Windows XP UI font)
- Remove all transforms and 3D perspective
- Use integer pixel font sizes
This should make all buttons, especially dynamically created
ones like transcript toggles, render consistently crisp
across all browsers.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add subpixel antialiasing for form controls
- Remove CSS filters that cause text blur
- Use native browser font smoothing
- Disable font ligatures for consistency
This fixes the issue where some button text appears blurry
in certain browsers (especially transcript toggle buttons).
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add XP.css framework via CDN
- Restructure HTML with XP window components
- Use fieldsets for grouped controls
- Add classic window with title bar and status bar
- Replace dark mode with XP theme
- Update custom CSS to complement XP.css styling
- Use system colors (ButtonFace, Window, etc.)
- Add classic teal background
- Maintain all existing functionality
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Implement CSS custom properties for theming
- Add comprehensive light and dark color schemes
- Create theme toggle button in header
- Add theme persistence with localStorage
- Support system color scheme preference
- Smooth transitions between themes
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
