From 64788046c4a6189d6c59e774955846fcf8c6ea67 Mon Sep 17 00:00:00 2001 From: Staaaaaaaaar <2300012435@stu.pku.edu.cn> Date: Sun, 2 Aug 2026 17:02:13 +0800 Subject: [PATCH 01/21] feat: enhance ThemeToggle component with improved accessibility and visual feedback --- docs/visual-style.md | 1 + src/components/site/SiteHeader.astro | 22 ++++++++++--- src/styles/global.css | 46 +++++++++++++++++++--------- 3 files changed, 50 insertions(+), 19 deletions(-) diff --git a/docs/visual-style.md b/docs/visual-style.md index 6a0faaa..667c6ff 100644 --- a/docs/visual-style.md +++ b/docs/visual-style.md @@ -48,4 +48,5 @@ GeoGenesis 使用克制的地球科学编辑风格:大面积采用石灰岩暖 - 当前导航使用主题色文字,不添加圆点或粗下划线。 - 主要按钮使用深海岩绿,悬停时仅轻微改变明度。 - 正文链接、键盘焦点和阅读进度使用主题色。 +- 明暗切换使用无边框单图标按钮,只通过轻微底色和图标淡入淡出反馈状态。 - 动效保持轻微,并遵循 `prefers-reduced-motion`。 diff --git a/src/components/site/SiteHeader.astro b/src/components/site/SiteHeader.astro index 30362d4..4f5e657 100644 --- a/src/components/site/SiteHeader.astro +++ b/src/components/site/SiteHeader.astro @@ -27,10 +27,10 @@ const pathname = Astro.url.pathname;