结账品牌定制与扩展样式冲突怎么处理

现象#

后台改了结账品牌色，自定义扩展的按钮、文字颜色不跟随，出现深底深字看不清。

原因#

• 扩展里写死了颜色，没有使用结账提供的品牌变量
• 自定义 CSS 的优先级高于平台默认样式
• 品牌设置只影响平台组件，不影响扩展内部 DOM

处理步骤#

1. 扩展内统一使用平台提供的样式变量与组件，不要硬编码色值
2. 需要自定义时基于品牌色计算对比度，深色背景配浅色文字
3. 把自定义 CSS 收敛到最小范围，避免全局选择器
4. 在品牌色切换后回归测试扩展的对比度与可读性

验收标准#

切换品牌色后扩展仍清晰可读；无对比度不足的告警。