本文介绍用CSS变量和少量JavaScript实现网站明暗主题切换：通过:root定义颜色变量，用data-theme属性区分主题，借助matchMedia检测系统偏好自动切换并监听系统主题变化实时更新；使用Bootstrap 5.3时可用data-bs-theme属性，但需自行添加自动切换脚本。