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:
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user