Skip to content

fix(site): about.html 补回主题切换脚本,修复暗色模式失效#19

Merged
fancyboi999 merged 1 commit into
mainfrom
fix/about-theme-toggle
Jun 8, 2026
Merged

fix(site): about.html 补回主题切换脚本,修复暗色模式失效#19
fancyboi999 merged 1 commit into
mainfrom
fix/about-theme-toggle

Conversation

@fancyboi999

Copy link
Copy Markdown
Owner

问题

about.html 有主题切换按钮,但既没引 app.js(index 的 initThemeToggle() 在这里,是全站唯一接管 #themeToggle 点击的 JS),也没有其他独立页catalog/glossary/prereqs/lesson都带的内联主题脚本。结果按钮点了无反应,整页钉死在亮色,且不读 localStorage.theme / 系统 prefers-color-scheme

暗色 CSS 本身正常——控制台 document.documentElement.setAttribute("data-theme","dark") 能让 about 页正确变暗。纯属脚本缺失的接线问题。

修复

补回与其他独立页一致的自包含内联主题脚本(读存储/系统偏好 → 设 data-theme、接管 #themeToggle 点击、更新 N/D 图标、持久化)。单文件、纯新增,不影响其他页。

验证

本地起静态服务,在 about 页操作切换按钮:

步骤 data-theme 图标 localStorage.theme
初始 light N
点击 dark D dark
点击 light N light

修复前点击后 data-theme 仍是 light(无 handler);修复后正常切换并持久化,与其他页一致。

上游 rohitg00/ai-engineering-from-scratch 同样存在此问题,已同步提 issue #272 + PR #273。

about.html 有主题切换按钮,但既没引 app.js(index 的 initThemeToggle 在此),
也没有其他独立页(catalog/glossary/prereqs/lesson)都带的内联主题脚本,导致按钮
点了无反应、整页钉死在亮色,且不读 localStorage.theme / 系统暗色偏好。

补回与其他页一致的内联主题脚本(读取存储/系统偏好 + 接管 #themeToggle 点击 +
更新图标 + 持久化)。暗色 CSS 本就正常,纯属脚本缺失的接线问题。

上游 rohitg00/ai-engineering-from-scratch 同样存在此问题(本站继承)。
@vercel

vercel Bot commented Jun 8, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
ai-engineering-from-scratch-zh Ready Ready Preview, Comment Jun 8, 2026 8:56am

@fancyboi999 fancyboi999 merged commit 824260d into main Jun 8, 2026
3 checks passed
@fancyboi999 fancyboi999 deleted the fix/about-theme-toggle branch June 8, 2026 09:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant