Fix README header: remove space, adjust gradient opacity

- Removed space between Price and Ghost (now one word)
- Ghost gradient starts at 85% opacity for smoother transition
- Price text remains fully prominent

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
clucraft 2026-01-23 13:26:24 -05:00
parent b8c3b80db7
commit 9398b5989c

View file

@ -5,10 +5,10 @@
<stop offset="0%" style="stop-color:#818cf8"/>
<stop offset="100%" style="stop-color:#6366f1"/>
</linearGradient>
<!-- Text fade gradient for "Ghost" -->
<!-- Text fade gradient for "Ghost" - starts more opaque -->
<linearGradient id="textFade" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#1f2937"/>
<stop offset="30%" style="stop-color:#1f2937"/>
<stop offset="0%" style="stop-color:#1f2937;stop-opacity:0.85"/>
<stop offset="40%" style="stop-color:#1f2937;stop-opacity:0.5"/>
<stop offset="100%" style="stop-color:#1f2937;stop-opacity:0"/>
</linearGradient>
<!-- Glow filter -->
@ -38,9 +38,7 @@
</g>
</g>
<!-- "Price" text - solid -->
<!-- "PriceGhost" text - Price solid, Ghost with fade effect -->
<text x="125" y="78" font-family="system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" font-size="52" font-weight="700" fill="#1f2937">Price</text>
<!-- "Ghost" text - with fade effect and glow -->
<text x="260" y="78" font-family="system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" font-size="52" font-weight="700" fill="url(#textFade)" filter="url(#glow)">Ghost</text>
<text x="249" y="78" font-family="system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" font-size="52" font-weight="700" fill="url(#textFade)" filter="url(#glow)">Ghost</text>
</svg>

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

Before After
Before After