chore: 更新登录页明暗两套背景图

This commit is contained in:
Ray.Hao
2026-09-01 07:27:22 +08:00
parent c9bd327fc0
commit 743dd7a534
2 changed files with 28 additions and 53 deletions

View File

@@ -1,35 +1,27 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1400 900" preserveAspectRatio="none">
<defs>
<linearGradient id="surface" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#101728"/>
<stop offset="58%" stop-color="#0d1424"/>
<stop offset="100%" stop-color="#0b1020"/>
<linearGradient id="darkBlue" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#0f1a33"/>
<stop offset="55%" stop-color="#0c1428"/>
<stop offset="100%" stop-color="#0a1020"/>
</linearGradient>
<linearGradient id="rightWash" x1="72%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#0b1020" stop-opacity="0"/>
<stop offset="100%" stop-color="#7c6dff" stop-opacity=".18"/>
</linearGradient>
<linearGradient id="bottomWash" x1="0%" y1="100%" x2="58%" y2="46%">
<stop offset="0%" stop-color="#2563eb" stop-opacity=".16"/>
<stop offset="52%" stop-color="#2563eb" stop-opacity=".05"/>
<stop offset="100%" stop-color="#0b1020" stop-opacity="0"/>
</linearGradient>
<pattern id="grid" width="88" height="88" patternUnits="userSpaceOnUse">
<path d="M88 0H0v88" fill="none" stroke="#94a3b8" stroke-opacity=".1" stroke-width="1"/>
<path d="M44 0v88M0 44h88" fill="none" stroke="#94a3b8" stroke-opacity=".05" stroke-width="1"/>
<pattern id="grid" width="72" height="72" patternUnits="userSpaceOnUse">
<path d="M72 0H0v72" fill="none" stroke="#ffffff" stroke-opacity=".05" stroke-width="1"/>
</pattern>
<linearGradient id="gridFade" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#ffffff" stop-opacity=".76"/>
<stop offset="74%" stop-color="#ffffff" stop-opacity=".24"/>
<stop offset="0%" stop-color="#ffffff" stop-opacity=".9"/>
<stop offset="70%" stop-color="#ffffff" stop-opacity=".3"/>
<stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
</linearGradient>
<mask id="gridMask">
<rect width="1400" height="900" fill="url(#gridFade)"/>
</mask>
</defs>
<rect width="1400" height="900" fill="url(#surface)"/>
<rect width="1400" height="900" fill="url(#rightWash)"/>
<rect width="1400" height="900" fill="url(#bottomWash)"/>
<mask id="gridMask">
<rect width="1400" height="900" fill="url(#gridFade)"/>
</mask>
<rect width="1400" height="900" fill="url(#darkBlue)"/>
<rect width="1400" height="900" fill="url(#grid)" mask="url(#gridMask)"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -1,35 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1400 900" preserveAspectRatio="none">
<defs>
<linearGradient id="surface" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#fbfdff"/>
<stop offset="58%" stop-color="#f6fbff"/>
<stop offset="100%" stop-color="#eef3ff"/>
</linearGradient>
<linearGradient id="rightWash" x1="72%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#ffffff" stop-opacity="0"/>
<stop offset="100%" stop-color="#8b7cff" stop-opacity=".13"/>
</linearGradient>
<linearGradient id="bottomWash" x1="0%" y1="100%" x2="58%" y2="46%">
<stop offset="0%" stop-color="#56c8ff" stop-opacity=".18"/>
<stop offset="52%" stop-color="#56c8ff" stop-opacity=".06"/>
<stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
</linearGradient>
<pattern id="grid" width="88" height="88" patternUnits="userSpaceOnUse">
<path d="M88 0H0v88" fill="none" stroke="#5d87ff" stroke-opacity=".06" stroke-width="1"/>
<path d="M44 0v88M0 44h88" fill="none" stroke="#5d87ff" stroke-opacity=".032" stroke-width="1"/>
</pattern>
<linearGradient id="gridFade" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#ffffff" stop-opacity=".72"/>
<stop offset="74%" stop-color="#ffffff" stop-opacity=".22"/>
<stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
<!-- 白云蓝海渐变:白 → Arco 浅蓝 → #94bfff,整体清淡,朝气不阴暗 -->
<linearGradient id="sky" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#ffffff"/>
<stop offset="16%" stop-color="#f5faff"/>
<stop offset="32%" stop-color="#f2f8ff"/>
<stop offset="48%" stop-color="#eef6ff"/>
<stop offset="62%" stop-color="#e8f3ff"/>
<stop offset="76%" stop-color="#d6e8ff"/>
<stop offset="88%" stop-color="#bedaff"/>
<stop offset="100%" stop-color="#94bfff"/>
</linearGradient>
</defs>
<rect width="1400" height="900" fill="url(#surface)"/>
<rect width="1400" height="900" fill="url(#rightWash)"/>
<rect width="1400" height="900" fill="url(#bottomWash)"/>
<mask id="gridMask">
<rect width="1400" height="900" fill="url(#gridFade)"/>
</mask>
<rect width="1400" height="900" fill="url(#grid)" mask="url(#gridMask)"/>
<rect width="1400" height="900" fill="url(#sky)"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 806 B