ui: use full-bleed gradient for mobile app icons

2026-05-06 20:21:51 +02:00
parent 7ec7ca206d
commit 403d4e50bb
6 changed files with 52 additions and 54 deletions
--- a/static/app-icon.svg
+++ b/static/app-icon.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
+  <defs>
+    <radialGradient id="bg" cx="35%" cy="35%" r="75%">
+      <stop offset="0%" stop-color="#FB923C" />
+      <stop offset="100%" stop-color="#C2410C" />
+    </radialGradient>
+  </defs>
+
+  <!-- Background square (for mobile home screen / maskable) -->
+  <rect width="100" height="100" fill="url(#bg)" />
+
+  <!-- Crescent moon cutout -->
+  <path
+    d="M70 50a25 25 0 1 1 -25 -25 20 20 0 1 0 25 25z"
+    fill="#FFF7ED"
+    transform="translate(-2 -2)"
+  />
+</svg>