
深色模式不能只把背景与文字反色。透明Logo、产品白底图、真实截图和装饰素材需要分别处理,保持品牌与产品事实;不要用全局滤镜把真实网页、人物或产品颜色统一改掉。
先分清图片类别与不可改内容
真实产品照片、客户网站截图、品牌标识和装饰图有不同约束。照片与证据截图通常应保持真实色彩,Logo则可使用已授权反白版本。不要把“适配深色”解释成可以任意重绘第三方标识或让产品颜色偏离事实。
检查透明边缘与背景承接
透明图可能只适合浅底,放到深底会出现暗字消失、白圈或阴影突兀。可以使用明确底板、边框或经批准的替代素材,按实际页面检查。正文图中的小字也要能阅读,不能让半透明毛玻璃叠层把对比度压到无法识别。

依据偏好和站点切换逻辑输出
系统prefers-color-scheme与网站自定义切换可能同时存在,应明确谁优先及是否保存用户选择。采用不同图片源时,检查真正下载和显示的版本,不重复加载两套大图。与缓存共用时也要防止某个访客偏好被错误写进公共HTML。
多状态检查品牌和业务入口
对浅色、深色、首次访问和用户手动切换分别检查Logo、截图、表单、二维码与咨询按钮。真实二维码保持足够白色静区和对比,不能交给滤镜随页面反色。检查失败回退仍可理解,不把深色截图更有科技感当作事实图片修改的理由。
关键区别

真实画面:保留事实与原色;不做全局随意反色。
品牌标识:使用认可版本;保持比例和授权。
界面偏好:控制浅深模式;核对缓存与加载。
怎样确认处理到位
两种模式下图片内容真实可读,Logo和二维码正确,切换及缓存不串用用户偏好,业务按钮保持明确对比。
容易误判的边界
深色模式并不要求所有照片变暗,也不能以适配为由修改证据截图或真实二维码的内容。
