内联 SVG 使用 currentColor 时,绘制颜色可以来自元素的 CSS color。主题切换后,它可能跟着变色,或与新背景融为一体。先查实际 fill 和计算颜色,不要立即重生成标志;外部加载图片是另一种嵌入路径,不能默认与内联 SVG 一样继承页面颜色。
确认颜色来自哪里
检查目标路径是明确 fill、currentColor,还是被其他 CSS 规则覆盖,并记录两种主题下组件 color 和背景。深色页面上看不见标志,可能是对比关系问题,不一定是文件加载失败。要把颜色来源与网络请求分别判断。
单色界面符号和要求固定品牌色的标志,也不一定用同一规则。前者可能适合主题继承,后者可能需要批准的另一背景或版本。保留原始 SVG 和允许颜色说明,不能为省事把所有路径改成一色。
在真实嵌入路径比较
MDN 的 color 参考解释 currentColor,SVG fill 文档说明填色行为。这些属于网页渲染,不是图像生成工具的一项能力。
请实施者检查真实内联 SVG 或外部图片。页面文字规则不会自动重染 PNG 像素,也不能认定会穿透所有外部 SVG。保持形状不变,比较明确固定颜色与计划响应主题的候选,并记录是哪条源设置或组件规则造成当前颜色。
一个双主题的验收方案
假设单色标志用在浅色与深色背景,记录填色来源、计算颜色和轮廓是否可辨。如果品牌要求固定色,就测试批准背景或合法版本,不能悄悄改变品牌色。这是待执行方案,不是已经完成的浏览器检查。
标志在可交互组件里时,还要检查正常、悬停和禁用等实际需要状态。默认截图通过,不能证明状态变化后也正确;主题修正也不应抹掉符号内部必要的颜色区别。测试范围应随组件用途写清。
交付明确的颜色约定
通过条件是所有需要的主题和状态都使用批准颜色、轮廓可识别。消失、未批准重染,或忽略组件规则而把问题一概归到源文件,都是失败。源修订后应在交付实现里再次检查,而非仅独立打开文件。
保存可编辑源、批准变体和说明主题继承是否有意的嵌入记录。Imagild 的 Skills可以开发视觉概念,SVG 颜料、CSS 继承和主题整合在外部设计与网页流程完成。目标是让颜色行为可预测、有依据,不是只在制作人当前主题看起来正常。