Ship PWA app icons and correct the manifest theme color

public/favicon.svg

@@ -1,7 +1,44 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <circle cx="16" cy="16" r="14" fill="none" stroke="#1a1a2e" stroke-width="2" />
-  <circle cx="16" cy="16" r="6" fill="none" stroke="#1a1a2e" stroke-width="1.5" />
-  <line x1="16" y1="2" x2="16" y2="30" stroke="#1a1a2e" stroke-width="1.5" />
-  <line x1="2" y1="16" x2="30" y2="16" stroke="#1a1a2e" stroke-width="1.5" />
-  <circle cx="16" cy="16" r="1.5" fill="#1a1a2e" />
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <radialGradient id="sky" cx="50%" cy="42%" r="75%">
+      <stop offset="0%" stop-color="#0E7490"/>
+      <stop offset="100%" stop-color="#06323E"/>
+    </radialGradient>
+  </defs>
+
+  <!-- mater / background -->
+  <rect width="64" height="64" rx="14" fill="url(#sky)"/>
+
+  <!-- throne: the suspension loop that says "astrolabe", not "compass" -->
+  <circle cx="32" cy="8.5" r="3" fill="none" stroke="#5EEAD4" stroke-width="2"/>
+
+  <!-- limb ring -->
+  <circle cx="32" cy="32" r="22" fill="none" stroke="#5EEAD4" stroke-width="3"/>
+
+  <!-- degree ticks (skip the heading where the star sits) -->
+  <g stroke="#5EEAD4" stroke-width="2" stroke-linecap="round" opacity="0.55">
+    <line x1="32" y1="13" x2="32" y2="16.5"/>
+    <line x1="32" y1="51" x2="32" y2="47.5"/>
+    <line x1="13" y1="32" x2="16.5" y2="32"/>
+    <line x1="51" y1="32" x2="47.5" y2="32"/>
+    <line x1="18.6" y1="18.6" x2="21" y2="21"/>
+    <line x1="18.6" y1="45.4" x2="21" y2="43"/>
+    <line x1="45.4" y1="45.4" x2="43" y2="43"/>
+  </g>
+
+  <!-- alidade, rotated to sight the star -->
+  <g transform="rotate(-32 32 32)">
+    <path d="M 13.5 32 L 20 29.6 L 44 29.6 L 50.5 32 L 44 34.4 L 20 34.4 Z"
+          fill="#FFCB2E"/>
+  </g>
+
+  <!-- pivot -->
+  <circle cx="32" cy="32" r="3.4" fill="#FFCB2E"/>
+  <circle cx="32" cy="32" r="1.3" fill="#06323E"/>
+
+  <!-- the sighted star, pinned on the limb at the alidade's heading -->
+  <g transform="translate(50.7 20.3)">
+    <path d="M 0 -6.2 C 0.9 -2.1 2.1 -0.9 6.2 0 C 2.1 0.9 0.9 2.1 0 6.2 C -0.9 2.1 -2.1 0.9 -6.2 0 C -2.1 -0.9 -0.9 -2.1 0 -6.2 Z"
+          fill="#FFCB2E"/>
+  </g>
 </svg>