@@ -11,6 +11,8 @@ This directory contains the application icons for all supported platforms.
1111| ` icon.ico ` | Windows | Windows ICO format |
1212| ` icon.png ` | All | 512x512 PNG fallback |
1313| ` 16x16.png ` - ` 512x512.png ` | Linux | PNG set for Linux |
14+ | ` tray-icon-template.svg ` | Source | macOS tray icon template source |
15+ | ` tray-icon-Template.png ` | macOS | 22x22 status bar icon (note: "Template" suffix required) |
1416
1517## Generating Icons
1618
@@ -55,14 +57,23 @@ If you prefer to generate icons manually:
5557
5658## Design Guidelines
5759
58- - ** Background ** : Gradient from #6366f1 to #8b5cf6 (Indigo to Violet)
60+ ### Application Icon
5961- ** Corner Radius** : ~ 20% of width (200px on 1024px canvas)
6062- ** Foreground** : White claw symbol with "X" accent
6163- ** Safe Area** : Keep 10% margin from edges
6264
65+ ### macOS Tray Icon
66+ - ** Format** : Single-color (black) on transparent background
67+ - ** Size** : 22x22 pixels (system automatically handles @2x retina)
68+ - ** Naming** : Must end with "Template.png" for automatic template mode
69+ - ** Design** : Simplified monochrome version of main icon (ClawX logo)
70+ - ** Source** : Use ` tray-icon-template.svg ` as the source
71+ - ** Important** : Must be pure black (#000000 ) on transparent background - no gradients or colors
72+
6373## Updating the Icon
6474
65751 . Edit ` icon.svg ` with your vector editor (Figma, Illustrator, Inkscape)
66- 2 . Run ` ./scripts/generate-icons.sh `
67- 3 . Verify generated icons look correct
68- 4 . Commit all generated files
76+ 2 . For macOS tray icon, edit ` tray-icon-template.svg ` (must be single-color black on transparent)
77+ 3 . Run ` node scripts/generate-icons.mjs `
78+ 4 . Verify generated icons look correct
79+ 5 . Commit all generated files
0 commit comments