Makelore 2.0 initial clean snapshot
6
resources/icons/.gitkeep
Normal file
@@ -0,0 +1,6 @@
|
||||
# Placeholder for icon files
|
||||
# Add the following icons:
|
||||
# - icon.icns (macOS)
|
||||
# - icon.ico (Windows)
|
||||
# - icon.png (Linux)
|
||||
# - tray-icon.png (System tray)
|
||||
BIN
resources/icons/128x128.png
Normal file
|
After Width: | Height: | Size: 5.2 KiB |
BIN
resources/icons/16x16.png
Normal file
|
After Width: | Height: | Size: 519 B |
BIN
resources/icons/256x256.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
resources/icons/32x32.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
resources/icons/48x48.png
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
resources/icons/512x512.png
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
resources/icons/64x64.png
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
77
resources/icons/README.md
Normal file
@@ -0,0 +1,77 @@
|
||||
# Makelore Application Icons
|
||||
|
||||
This directory contains the application icons for all supported platforms.
|
||||
|
||||
## Required Files
|
||||
|
||||
| File | Platform | Description |
|
||||
|------|----------|-------------|
|
||||
| `icon-source.png` | Generated source | 1024px raster generated from the vector master |
|
||||
| `icon.svg` | Source | Vector app-icon master |
|
||||
| `icon-plain.svg` | Source | Transparent full-color mark used for the tray mask |
|
||||
| `icon.icns` | macOS | Apple Icon Image format |
|
||||
| `icon.ico` | Windows | Windows ICO format |
|
||||
| `icon.png` | All | 512x512 PNG fallback |
|
||||
| `16x16.png` - `512x512.png` | Linux | PNG set for Linux |
|
||||
| `tray-icon-template.svg` | Source | macOS tray icon template source |
|
||||
| `tray-icon-Template.png` | macOS | 22x22 status bar icon (note: "Template" suffix required) |
|
||||
|
||||
## Generating Icons
|
||||
|
||||
### Using the Script
|
||||
|
||||
```bash
|
||||
# Run icon generation
|
||||
npm run icons
|
||||
```
|
||||
|
||||
### Prerequisites
|
||||
|
||||
**macOS:**
|
||||
```bash
|
||||
brew install imagemagick librsvg
|
||||
```
|
||||
|
||||
**Linux:**
|
||||
```bash
|
||||
apt install imagemagick librsvg2-bin
|
||||
```
|
||||
|
||||
**Windows:**
|
||||
Install ImageMagick from https://imagemagick.org/
|
||||
|
||||
### Manual Generation
|
||||
|
||||
If you prefer to generate icons manually:
|
||||
|
||||
1. **macOS (.icns)**
|
||||
- Create a `.iconset` folder with properly named PNGs
|
||||
- Run: `iconutil -c icns -o icon.icns Makelore.iconset`
|
||||
|
||||
2. **Windows (.ico)**
|
||||
- Use ImageMagick: `convert icon_16.png icon_32.png icon_64.png icon_128.png icon_256.png icon.ico`
|
||||
|
||||
3. **Linux (PNGs)**
|
||||
- Generate PNGs at: 16, 32, 48, 64, 128, 256, 512 pixels
|
||||
|
||||
## Design Guidelines
|
||||
|
||||
### Application Icon
|
||||
- **Source**: `icon-source.png`
|
||||
- **Canvas**: Square PNG with transparent background where possible
|
||||
- **Safe Area**: Keep the visible mark comfortably inside the canvas
|
||||
|
||||
### macOS Tray Icon
|
||||
- **Format**: Single-color (black) on transparent background
|
||||
- **Size**: 22x22 pixels (system automatically handles @2x retina)
|
||||
- **Naming**: Must end with "Template.png" for automatic template mode
|
||||
- **Design**: Monochrome alpha mask generated from the main icon
|
||||
- **Source**: Generated from `icon-source.png`
|
||||
- **Important**: Must be pure black (#000000) on transparent background - no gradients or colors
|
||||
|
||||
## Updating the Icon
|
||||
|
||||
1. Update `icon.svg`, `icon-plain.svg`, and the masters in `resources/brand/`
|
||||
2. Run `npm run icons`
|
||||
4. Verify generated icons look correct
|
||||
5. Commit all generated files
|
||||
7
resources/icons/icon-plain.svg
Normal file
@@ -0,0 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 464 340" role="img" aria-labelledby="title desc">
|
||||
<title id="title">Makelore mark</title>
|
||||
<desc id="desc">Transparent Makelore portal mark.</desc>
|
||||
<path fill="#3A5578" d="M32 312V116C32 54.1 82.1 4 144 4c34.4 0 66.7 15.8 88 42.5C253.3 19.8 285.6 4 320 4c61.9 0 112 50.1 112 112v196l-100-36V112c0-13.7-14.8-22.2-26.7-15.2L232 140l-73.3-43.2C146.8 89.8 132 98.3 132 112v164L32 312Z"/>
|
||||
<path fill="#3A5578" d="m66 316 160-46-48 46H66Z"/>
|
||||
<path fill="#F26A3D" d="M232 164c4.6 24.7 18.7 38.8 44 44-25.3 5.2-39.4 19.3-44 44-4.6-24.7-18.7-38.8-44-44 25.3-5.2 39.4-19.3 44-44Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 642 B |
BIN
resources/icons/icon-source.png
Normal file
|
After Width: | Height: | Size: 40 KiB |
BIN
resources/icons/icon.icns
Normal file
BIN
resources/icons/icon.ico
Normal file
|
After Width: | Height: | Size: 422 KiB |
BIN
resources/icons/icon.png
Normal file
|
After Width: | Height: | Size: 27 KiB |
10
resources/icons/icon.svg
Normal file
@@ -0,0 +1,10 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" role="img" aria-labelledby="title desc">
|
||||
<title id="title">Makelore application icon</title>
|
||||
<desc id="desc">The Makelore portal mark on a white rounded tile.</desc>
|
||||
<rect x="32" y="32" width="960" height="960" rx="224" fill="#FFFFFF" stroke="#D8E0E8" stroke-width="8"/>
|
||||
<g transform="translate(173 262) scale(1.46)">
|
||||
<path fill="#3A5578" d="M32 312V116C32 54.1 82.1 4 144 4c34.4 0 66.7 15.8 88 42.5C253.3 19.8 285.6 4 320 4c61.9 0 112 50.1 112 112v196l-100-36V112c0-13.7-14.8-22.2-26.7-15.2L232 140l-73.3-43.2C146.8 89.8 132 98.3 132 112v164L32 312Z"/>
|
||||
<path fill="#3A5578" d="m66 316 160-46-48 46H66Z"/>
|
||||
<path fill="#F26A3D" d="M232 164c4.6 24.7 18.7 38.8 44 44-25.3 5.2-39.4 19.3-44 44-4.6-24.7-18.7-38.8-44-44 25.3-5.2 39.4-19.3 44-44Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 841 B |
BIN
resources/icons/tray-icon-Template.png
Normal file
|
After Width: | Height: | Size: 338 B |
5
resources/icons/tray-icon-template.svg
Normal file
@@ -0,0 +1,5 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 464 340" role="img" aria-label="Makelore tray mark">
|
||||
<path fill="#000000" d="M32 312V116C32 54.1 82.1 4 144 4c34.4 0 66.7 15.8 88 42.5C253.3 19.8 285.6 4 320 4c61.9 0 112 50.1 112 112v196l-100-36V112c0-13.7-14.8-22.2-26.7-15.2L232 140l-73.3-43.2C146.8 89.8 132 98.3 132 112v164L32 312Z"/>
|
||||
<path fill="#000000" d="m66 316 160-46-48 46H66Z"/>
|
||||
<path fill="#000000" d="M232 164c4.6 24.7 18.7 38.8 44 44-25.3 5.2-39.4 19.3-44 44-4.6-24.7-18.7-38.8-44-44 25.3-5.2 39.4-19.3 44-44Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 544 B |