gkucmierz/nonograms
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

ui: unify app icons with new nonogram-style N logo

Browse Source
This commit is contained in:
Grzegorz Kucmierz
2026-02-12 17:03:47 +01:00
parent 71edc3103d
commit 47426d529a
2 changed files with 65 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
public/pwa-192x192.svg
View File

@@ -8,17 +8,37 @@
<stop offset="0" stop-color="#00f2fe"/> <stop offset="0" stop-color="#00f2fe"/>
<stop offset="1" stop-color="#4facfe"/> <stop offset="1" stop-color="#4facfe"/>
</linearGradient> </linearGradient>
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="1.5" result="blur"/>
<feComposite in="SourceGraphic" in2="blur" operator="over"/>
</filter>
</defs> </defs>
<rect width="192" height="192" rx="28" fill="url(#bg)"/>
<rect x="28" y="28" width="136" height="136" rx="14" fill="rgba(0,0,0,0.35)"/> <!-- Main Background -->
<g fill="url(#cell)"> <rect width="192" height="192" rx="42" fill="url(#bg)"/>
<rect x="48" y="48" width="20" height="20" rx="4"/>
<rect x="76" y="48" width="20" height="20" rx="4"/> <!-- Console Screen Background -->
<rect x="104" y="48" width="20" height="20" rx="4"/> <rect x="26" y="26" width="140" height="140" rx="16" fill="rgba(0,10,30,0.5)" stroke="rgba(0,242,254,0.2)" stroke-width="1.5"/>
<rect x="48" y="76" width="20" height="20" rx="4"/>
<rect x="104" y="76" width="20" height="20" rx="4"/> <!-- Letter N built from Nonogram cells -->
<rect x="48" y="104" width="20" height="20" rx="4"/> <g fill="url(#cell)" filter="url(#glow)">
<rect x="76" y="104" width="20" height="20" rx="4"/> <!-- Left Column -->
<rect x="104" y="104" width="20" height="20" rx="4"/> <rect x="38" y="38" width="20" height="20" rx="4"/>
<rect x="38" y="62" width="20" height="20" rx="4"/>
<rect x="38" y="86" width="20" height="20" rx="4"/>
<rect x="38" y="110" width="20" height="20" rx="4"/>
<rect x="38" y="134" width="20" height="20" rx="4"/>
<!-- Diagonal -->
<rect x="62" y="62" width="20" height="20" rx="4"/>
<rect x="86" y="86" width="20" height="20" rx="4"/>
<rect x="110" y="110" width="20" height="20" rx="4"/>
<!-- Right Column -->
<rect x="134" y="38" width="20" height="20" rx="4"/>
<rect x="134" y="62" width="20" height="20" rx="4"/>
<rect x="134" y="86" width="20" height="20" rx="4"/>
<rect x="134" y="110" width="20" height="20" rx="4"/>
<rect x="134" y="134" width="20" height="20" rx="4"/>
</g> </g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

44
public/pwa-512x512.svg
View File

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"> <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 192 192">
<defs> <defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"> <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#43C6AC"/> <stop offset="0" stop-color="#43C6AC"/>
@@ -8,17 +8,37 @@
<stop offset="0" stop-color="#00f2fe"/> <stop offset="0" stop-color="#00f2fe"/>
<stop offset="1" stop-color="#4facfe"/> <stop offset="1" stop-color="#4facfe"/>
</linearGradient> </linearGradient>
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="1.5" result="blur"/>
<feComposite in="SourceGraphic" in2="blur" operator="over"/>
</filter>
</defs> </defs>
<rect width="512" height="512" rx="80" fill="url(#bg)"/>
<rect x="74" y="74" width="364" height="364" rx="40" fill="rgba(0,0,0,0.35)"/> <!-- Main Background -->
<g fill="url(#cell)"> <rect width="192" height="192" rx="42" fill="url(#bg)"/>
<rect x="138" y="138" width="54" height="54" rx="10"/>
<rect x="214" y="138" width="54" height="54" rx="10"/> <!-- Console Screen Background -->
<rect x="290" y="138" width="54" height="54" rx="10"/> <rect x="26" y="26" width="140" height="140" rx="16" fill="rgba(0,10,30,0.5)" stroke="rgba(0,242,254,0.2)" stroke-width="1.5"/>
<rect x="138" y="214" width="54" height="54" rx="10"/>
<rect x="290" y="214" width="54" height="54" rx="10"/> <!-- Letter N built from Nonogram cells -->
<rect x="138" y="290" width="54" height="54" rx="10"/> <g fill="url(#cell)" filter="url(#glow)">
<rect x="214" y="290" width="54" height="54" rx="10"/> <!-- Left Column -->
<rect x="290" y="290" width="54" height="54" rx="10"/> <rect x="38" y="38" width="20" height="20" rx="4"/>
<rect x="38" y="62" width="20" height="20" rx="4"/>
<rect x="38" y="86" width="20" height="20" rx="4"/>
<rect x="38" y="110" width="20" height="20" rx="4"/>
<rect x="38" y="134" width="20" height="20" rx="4"/>
<!-- Diagonal -->
<rect x="62" y="62" width="20" height="20" rx="4"/>
<rect x="86" y="86" width="20" height="20" rx="4"/>
<rect x="110" y="110" width="20" height="20" rx="4"/>
<!-- Right Column -->
<rect x="134" y="38" width="20" height="20" rx="4"/>
<rect x="134" y="62" width="20" height="20" rx="4"/>
<rect x="134" y="86" width="20" height="20" rx="4"/>
<rect x="134" y="110" width="20" height="20" rx="4"/>
<rect x="134" y="134" width="20" height="20" rx="4"/>
</g> </g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB