feat: Add SkyView logo, favicon, and branding assets #39
1 changed files with 12 additions and 3 deletions
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>
commit
5f0892f652
|
|
@ -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%">
|
||||
<stop offset="0%" style="stop-color:#333333;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#555555;stop-opacity:1" />
|
||||
<linearGradient id="textGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#ffffff;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>
|
||||
|
|
|
|||
|
After Width: | Height: | Size: 3 KiB |
Loading…
Add table
Add a link
Reference in a new issue