Liferay 7迁移至7.2：已弃用CSS变量替换方案咨询

我之前在做Liferay主题迁移时也碰到过这个问题，Lexicon CSS 1.x里的这批状态变量确实在Clay 2.x里被移除了，不过Clay 2.x用了更统一的颜色命名体系来替代它们，下面是你提到的变量的一一对应方案：

• $state-danger-text：替换为 $danger-color（Clay 2.x直接用这个作为危险状态的标准文本色）
• $state-info-bg：替换为 $info-color-10（Clay的颜色系统用后缀数字区分深浅，-10对应适合做背景的浅色）
• $state-info-border：替换为 $info-color-30（这个深度的颜色适配信息类组件的边框视觉需求）
• $state-info-text：替换为 $info-color（基础信息色作为文本的标准色值）
• $state-success-border：替换为 $success-color-30
• $state-success-text：替换为 $success-color
• $state-warning-border：替换为 $warning-color-30
• $state-warning-text：替换为 $warning-color

额外提个小技巧：Clay 2.x的颜色体系是主色+深浅后缀（从-10到-90）的结构，如果你需要自定义这些颜色，可以直接重新赋值新变量覆盖默认值，比如：

// 自定义危险状态文本色
$danger-color: #dc3545;
// 自定义信息状态背景色
$info-color-10: #d1ecf1;

迁移时记得全局替换所有旧变量引用，也可以试试Clay提供的alert-variant这类mixins，能更高效地构建状态类组件，减少直接硬编码颜色的情况。

内容的提问来源于stack exchange，提问作者Deepak Vatsalya