2 KiB
2 KiB
Icon Assets Required
What You Need
1. App Icon (icon.ico)
Location: assets/icon.ico
Requirements:
- Format: .ico file
- Sizes: 16x16, 32x32, 48x48, 256x256 (multi-resolution)
- Design: Claude-themed logo or "C" symbol
- Style: Should match the purple/blue gradient theme
Quick Creation:
- Use an online tool like https://favicon.io or https://convertio.co
- Upload a PNG (256x256) of your design
- Convert to .ico with multiple sizes
2. Tray Icon (tray-icon.png)
Location: assets/tray-icon.png
Requirements:
- Format: PNG with transparency
- Size: 16x16 or 32x32 pixels
- Design: Simple, recognizable at small size
- Style: Monochrome or minimal color (for visibility on light/dark taskbars)
Tips:
- Keep it simple - just a "C" or claude symbol
- Use white/light color for dark taskbars
- Test on both dark and light Windows themes
Design Suggestions
Color Palette (from widget)
- Primary Purple: #8b5cf6
- Light Purple: #a78bfa
- Blue: #3b82f6
- Background: #1e1e2e
Icon Ideas
- Letter "C" in gradient circle
- Chat bubble with "C" inside
- Brain/AI symbol in purple
- Minimalist robot head
- Abstract neural network pattern
Temporary Solution
Until you create custom icons, you can use:
- Placeholder icon.ico from any Electron template
- Or remove icon references from
main.jstemporarily
// In main.js, comment out:
// tray = new Tray(path.join(__dirname, 'assets/tray-icon.png'));
Online Tools
- Icon Generator: https://www.icongenerator.com
- ICO Converter: https://convertio.co/png-ico/
- Free Icons: https://icons8.com or https://www.flaticon.com
Example Commands (if you have ImageMagick)
# Create .ico from PNG
convert icon-256.png -define icon:auto-resize=256,128,96,64,48,32,16 icon.ico
# Create tray icon
convert logo.png -resize 16x16 tray-icon.png
Note: The app will still work without icons, but they improve the user experience significantly!