用途：这是一条前端代码审查规则，用于检查样式表、组件样式和响应式状态是否正确支持深色模式（dark mode），核心手段是 prefers-color-scheme 媒体查询。资料指出，超过一半用户偏好深色模式以减少眼睛疲劳，光敏感用户也依赖它；使用 prefers-color-scheme 可尊重操作系统偏好，用户无需寻找切换开关，而 CSS 自定义属性让这一改动更易维护。
主要能力：检查 CSS 是否支持深色模式，查找 prefers-color-scheme 的使用或 data-theme 属性模式；识别在深色模式下会显示异常的硬编码颜色；检查、修复并解释相关问题；在代码审查中针对样式表、组件样式与响应式状态，指出违反规则的具体选择器、声明或断点。
要点参考：用 @media (prefers-color-scheme: dark) 应用深色样式；在 :root 上以 CSS 自定义属性定义浅色/深色颜色，便于切换；可通过 localStorage 保存偏好并设置 data-theme 属性来支持手动切换；确保深色模式颜色满足 WCAG 对比度要求。
使用方式：在审查样式表、组件样式与响应式行为时应用该规则；可要求其检查、修复或解释实现方式。完整实现细节、代码示例与框架相关指导见 references/rule.md，规则页面：https://frontendchecklist.io/rules/css/dark-mode-css。
限制：资料未提供具体框架适配代码、浏览器兼容范围、性能数据或完整示例，相关细节暂未提供。