yiekheng/sunnymh-manga-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added logo and changed theme color from light blue to green

Browse Source
This commit is contained in:
yiekheng 2026-04-12 15:45:46 +08:00
parent 1c74348fae
commit 3e4b87329a
10 changed files with 109 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/apple-icon.svg Normal file
View File

@ -0,0 +1,14 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<rect width="100" height="100" rx="16" fill="#268a52"/>
<g transform="translate(50,50)">
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(45)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(90)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(135)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(180)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(225)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(270)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(315)"/>
<circle cx="0" cy="0" r="8" fill="#268a52" stroke="#fff" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1016 B

BIN
app/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 25 KiB

4
app/globals.css
View File

@ -6,8 +6,8 @@
--surface: #f5f5f5;
--surface-hover: #e8e8e8;
--border: #e0e0e0;
--accent: #3ea6ff;
--accent-hover: #1a91f0;
--accent: #268a52;
--accent-hover: #1f7044;
--muted: #888888;
--card: #fafafa;
}

13
app/icon.svg Normal file
View File

@ -0,0 +1,13 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(50,50)">
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(45)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(90)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(135)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(180)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(225)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(270)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(315)"/>
<circle cx="0" cy="0" r="10" fill="#268a52" stroke="#fff" stroke-width="2.5"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 945 B

16
components/Header.tsx
View File

@ -22,17 +22,11 @@ export function Header() {
{/* Top row: logo + search */}
<div className="max-w-6xl mx-auto px-4 h-14 flex items-center gap-3">
<Link href="/" className="flex items-center gap-2.5 shrink-0">
<div className="w-8 h-8 rounded-lg bg-accent flex items-center justify-center">
<svg
viewBox="0 0 24 24"
fill="none"
className="w-5 h-5 text-white"
stroke="currentColor"
strokeWidth={2.5}
>
<path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20" />
</svg>
</div>
<img
src="/logo.svg"
alt="SunnyMH"
className="w-8 h-8 rounded-lg"
/>
<span className="text-lg font-extrabold tracking-tight">
SunnyMH
</span>

14
logo/qingtian_appicon.svg Normal file
View File

@ -0,0 +1,14 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<rect width="100" height="100" rx="16" fill="#268a52"/>
<g transform="translate(50,50)">
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(45)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(90)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(135)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(180)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(225)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(270)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(315)"/>
<circle cx="0" cy="0" r="8" fill="#268a52" stroke="#fff" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1016 B

18
logo/qingtian_brand.svg Normal file
View File

@ -0,0 +1,18 @@
<svg viewBox="0 0 420 100" xmlns="http://www.w3.org/2000/svg">
<rect width="420" height="100" rx="10" fill="#268a52"/>
<!-- Sunflower icon -->
<g transform="translate(55,42)">
<ellipse cx="0" cy="-20" rx="6" ry="12" fill="#fff" opacity="0.85"/>
<ellipse cx="0" cy="-20" rx="6" ry="12" fill="#fff" opacity="0.85" transform="rotate(45)"/>
<ellipse cx="0" cy="-20" rx="6" ry="12" fill="#fff" opacity="0.85" transform="rotate(90)"/>
<ellipse cx="0" cy="-20" rx="6" ry="12" fill="#fff" opacity="0.85" transform="rotate(135)"/>
<ellipse cx="0" cy="-20" rx="6" ry="12" fill="#fff" opacity="0.85" transform="rotate(180)"/>
<ellipse cx="0" cy="-20" rx="6" ry="12" fill="#fff" opacity="0.85" transform="rotate(225)"/>
<ellipse cx="0" cy="-20" rx="6" ry="12" fill="#fff" opacity="0.85" transform="rotate(270)"/>
<ellipse cx="0" cy="-20" rx="6" ry="12" fill="#fff" opacity="0.85" transform="rotate(315)"/>
<circle cx="0" cy="0" r="7" fill="#268a52" stroke="#fff" stroke-width="2"/>
</g>
<!-- Brand text -->
<text x="110" y="42" font-family="-apple-system, 'Noto Sans SC', 'PingFang SC', sans-serif" font-size="28" font-weight="500" fill="#fff" letter-spacing="4px">晴天漫画</text>
<text x="110" y="64" font-family="-apple-system, 'Helvetica Neue', sans-serif" font-size="11" fill="#fff" opacity="0.5" letter-spacing="1.5px" font-style="italic">Sunny MH</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

13
logo/qingtian_favicon.svg Normal file
View File

@ -0,0 +1,13 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(50,50)">
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(45)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(90)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(135)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(180)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(225)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(270)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(315)"/>
<circle cx="0" cy="0" r="10" fill="#268a52" stroke="#fff" stroke-width="2.5"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 945 B

16
logo/qingtian_square.svg Normal file
View File

@ -0,0 +1,16 @@
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<rect width="200" height="200" rx="16" fill="#268a52"/>
<g transform="translate(100,80)">
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(45)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(90)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(135)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(180)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(225)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(270)"/>
<ellipse cx="0" cy="-28" rx="8" ry="16" fill="#fff" opacity="0.85" transform="rotate(315)"/>
<circle cx="0" cy="0" r="10" fill="#268a52" stroke="#fff" stroke-width="2.5"/>
</g>
<text x="100" y="145" text-anchor="middle" font-family="-apple-system, 'Noto Sans SC', 'PingFang SC', sans-serif" font-size="22" font-weight="500" fill="#fff" letter-spacing="6px">晴天漫画</text>
<text x="100" y="168" text-anchor="middle" font-family="-apple-system, 'Helvetica Neue', sans-serif" font-size="10" fill="#fff" opacity="0.5" letter-spacing="1.5px" font-style="italic">Sunny MH</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

14
public/logo.svg Normal file
View File

@ -0,0 +1,14 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<rect width="100" height="100" rx="16" fill="#268a52"/>
<g transform="translate(50,50)">
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(45)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(90)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(135)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(180)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(225)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(270)"/>
<ellipse cx="0" cy="-22" rx="6.5" ry="13" fill="#fff" opacity="0.85" transform="rotate(315)"/>
<circle cx="0" cy="0" r="8" fill="#268a52" stroke="#fff" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1016 B