feat: app icon, name fix, and icon generation script

- scripts/generate_icons.sh: ImageMagick script — dark #09090b bg,
  white B and red R (#ef4444) at the same 480pt size, NotoSans-Bold.
  Generates icon, adaptive foreground, monochrome, and splash variants.
- app.json: name changed to 'Bincio Rec'; adaptive icon backgroundColor
  updated to #09090b; removed redundant backgroundImage
This commit is contained in:
Davide Scaini
2026-06-04 00:36:06 +02:00
parent 7e78bcba2c
commit 7db54712fa
6 changed files with 45 additions and 3 deletions
+2 -3
View File
@@ -1,6 +1,6 @@
{ {
"expo": { "expo": {
"name": "bincio-rec", "name": "Bincio Rec",
"slug": "bincio-rec", "slug": "bincio-rec",
"scheme": "bincio-rec", "scheme": "bincio-rec",
"version": "1.0.0", "version": "1.0.0",
@@ -21,9 +21,8 @@
"android": { "android": {
"package": "com.bincio.rec", "package": "com.bincio.rec",
"adaptiveIcon": { "adaptiveIcon": {
"backgroundColor": "#111111", "backgroundColor": "#09090b",
"foregroundImage": "./assets/android-icon-foreground.png", "foregroundImage": "./assets/android-icon-foreground.png",
"backgroundImage": "./assets/android-icon-background.png",
"monochromeImage": "./assets/android-icon-monochrome.png" "monochromeImage": "./assets/android-icon-monochrome.png"
}, },
"predictiveBackGestureEnabled": false, "predictiveBackGestureEnabled": false,
Binary file not shown.

Before

Width:  |  Height:  |  Size: 77 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

After

Width:  |  Height:  |  Size: 8.6 KiB

BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 384 KiB

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

+43
View File
@@ -0,0 +1,43 @@
#!/usr/bin/env bash
# Generates all icon assets for bincio-rec.
# Requires ImageMagick (magick / convert).
# Style mirrors bincio_autarchive: dark background, white B, accent-coloured R.
set -e
cd "$(dirname "$0")/.."
FONT="$HOME/Library/Fonts/NotoSans-Bold.ttf"
BG="#09090b"
WHITE="#ffffff"
RED="#ef4444"
# ── Main icon (1024×1024) ─────────────────────────────────────────────────────
magick -size 1024x1024 xc:"$BG" \
-font "$FONT" \
-pointsize 480 -fill "$WHITE" -gravity NorthWest -annotate +110+295 'B' \
-pointsize 480 -fill "$RED" -gravity NorthWest -annotate +560+295 'R' \
assets/icon.png
# ── Android adaptive icon — foreground (transparent bg, design fits safe zone)
# Safe zone = inner 66% of 1024 = 676 px.
magick -size 1024x1024 xc:none \
-font "$FONT" \
-pointsize 340 -fill "$WHITE" -gravity NorthWest -annotate +175+325 'B' \
-pointsize 340 -fill "$RED" -gravity NorthWest -annotate +535+325 'R' \
assets/android-icon-foreground.png
# ── Android adaptive icon — monochrome (white on transparent, for themed icons)
magick -size 1024x1024 xc:none \
-font "$FONT" \
-pointsize 340 -fill "$WHITE" -gravity NorthWest -annotate +175+325 'B' \
-pointsize 340 -fill "$WHITE" -gravity NorthWest -annotate +535+325 'R' \
assets/android-icon-monochrome.png
# ── Splash screen icon (512×512) ─────────────────────────────────────────────
magick -size 512x512 xc:"$BG" \
-font "$FONT" \
-pointsize 240 -fill "$WHITE" -gravity NorthWest -annotate +55+147 'B' \
-pointsize 240 -fill "$RED" -gravity NorthWest -annotate +280+147 'R' \
assets/splash-icon.png
echo "✓ Icon assets generated in assets/"