darkmode

src/lib/components/navigation/weather-nav.svelte

@@ -66,22 +66,27 @@
 			<div
 				class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground"
 			>
+				<!-- umbrella-with-rain logo mark (matches favicon) -->
 				<svg
-					class="h-4.5 w-4.5"
+					class="h-5 w-5"
 					fill="none"
 					stroke="currentColor"
 					viewBox="0 0 24 24"
-					stroke-width="2"
+					stroke-width="1.75"
 				>
+					<!-- rain falls from above onto the canopy -->
+					<path stroke-linecap="round" d="M4.5 3v.01M19.5 3v.01M8.5 1.5v.01M15.5 2.5v.01" />
+					<path stroke-linecap="round" d="M12 4.5V6" />
 					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"
+						fill="currentColor"
+						stroke="none"
+						d="M4 14a8 8 0 0 1 16 0c-.66-1-1.99-1-2.66 0-.67-1-2-1-2.67 0-.67-1-2-1-2.67 0-.67-1-2-1-2.67 0C8.66 13 7.33 13 6.66 14 6 13 4.66 13 4 14Z"
 					/>
+					<path stroke-linecap="round" d="M12 14v5a1.9 1.9 0 0 1-3.8 0" />
 				</svg>
 			</div>
 			{#if !collapsed}
-				<span class="text-sm font-semibold whitespace-nowrap text-sidebar-foreground">
+				<span class="text-sm font-bold tracking-tight whitespace-nowrap text-sidebar-foreground">
 					OMbrella
 				</span>
 			{/if}