Fix taiji fish eyes and expose theme toggle on mobile.

Correct yin-yang eye colors with contrast strokes, and show light/dark switch in mobile header with Chinese labels.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-11 00:11:08 +08:00
parent 18dd2e3501
commit e71baad554
3 changed files with 49 additions and 19 deletions
+26 -4
View File
@@ -24,8 +24,20 @@ export const TaijiIcon = React.memo(function TaijiIcon({
d="M32 2a30 30 0 0 1 0 60 15 15 0 0 1 0-30 15 15 0 0 0 0-30z"
className="fill-stone-800 dark:fill-stone-900"
/>
<circle cx="32" cy="17" r="5" className="fill-white dark:fill-stone-200" />
<circle cx="32" cy="47" r="5" className="fill-stone-800 dark:fill-stone-900" />
{/* 阳中有阴 — 鱼眼在阳面,填深色 */}
<circle
cx="32"
cy="17"
r="5"
className="fill-stone-800 stroke-white stroke-[0.75] dark:fill-stone-900 dark:stroke-stone-200"
/>
{/* 阴中有阳 — 鱼眼在阴面,填浅色 */}
<circle
cx="32"
cy="47"
r="5"
className="fill-white stroke-stone-800 stroke-[0.75] dark:fill-stone-200 dark:stroke-stone-900"
/>
</svg>
);
});
@@ -59,8 +71,18 @@ export function TaijiWatermark({
d="M100 2a98 98 0 0 1 0 196 49 49 0 0 1 0-98 49 49 0 0 0 0-98z"
className="fill-stone-600/10 dark:fill-stone-300/12"
/>
<circle cx="100" cy="51" r="10" className="fill-white/60 dark:fill-stone-200/20" />
<circle cx="100" cy="149" r="10" className="fill-stone-600/15 dark:fill-stone-300/20" />
<circle
cx="100"
cy="51"
r="10"
className="fill-stone-600/25 stroke-white/50 stroke-[0.5] dark:fill-stone-400/20 dark:stroke-stone-200/30"
/>
<circle
cx="100"
cy="149"
r="10"
className="fill-white/50 stroke-stone-600/20 stroke-[0.5] dark:fill-stone-200/25 dark:stroke-stone-900/30"
/>
</svg>
);
}