fix: Improve logo text visibility with outlines and brighter colors

Enhanced the SkyView logo text visibility against dark backgrounds:

- Changed text gradient from dark gray to bright white/light gray
- Added dark stroke outlines (3px) around text for better contrast
- Used stroke-linejoin="round" for smoother outline appearance
- Text now has white fill with dark outline for maximum visibility

This ensures the logo text is clearly readable on both light and dark
backgrounds commonly used in web applications.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

assets/static/images/skyview-logo.svg

@@ -5,9 +5,9 @@
       <stop offset="0%" style="stop-color:#00d4ff;stop-opacity:1" />
       <stop offset="100%" style="stop-color:#0099cc;stop-opacity:1" />
     </linearGradient>
-    <linearGradient id="textGradient" x1="0%" y1="0%" x2="100%" y2="0%">
+    <linearGradient id="textGradient" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#333333;stop-opacity:1" />
+      <stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#555555;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#e0e0e0;stop-opacity:1" />
     </linearGradient>
   </defs>
   
@@ -45,6 +45,15 @@
   
   <!-- Text -->
   <g id="text">
+    <!-- Text outlines for better visibility -->
+    <text x="70" y="25" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="none" stroke="#003d52" stroke-width="3" stroke-linejoin="round">
+      Sky
+    </text>
+    <text x="70" y="45" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="none" stroke="#003d52" stroke-width="3" stroke-linejoin="round">
+      View
+    </text>
+    
+    <!-- Main text -->
     <text x="70" y="25" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="url(#textGradient)">
       Sky
     </text>