网站编辑器里不同代码模块的颜色过渡太突兀，怎么进行调整？

如果页面中相邻的代码模块使用了不同的背景色或文字颜色，模块之间的颜色过渡可能会比较突兀。

可以通过变量统一管理颜色，后续调整时不需要逐处修改代码。

操作路径：网页编辑器—模块—选中代码模块—编辑—代码编辑

先选中需要调整的代码模块，进入「编辑」页面，查看当前模块是否已经配置了颜色变量，如果已有对应变量，可以直接在「变量设置」中修改变量的颜色值。

如果没有合适的变量，点击「编辑代码」：

找到代码中的颜色部分，将固定的颜色值改为变量写法，例如使用 ${variable_key} 引用变量。颜色变量可以用于 CSS 变量、内联样式或脚本中的颜色设置。

代码修改完成后，点击「保存」。

操作路径：网页编辑器—模块—选中代码模块—编辑—变量设置

进入「变量设置」后，可以新增颜色变量，填写变量名称、显示名称和默认值，并通过颜色选择器或 HEX 色值设置颜色。

配置好变量后点击「保存」，返回页面预览模块之间的颜色过渡效果。

如果还需要调整配色，只需修改变量的颜色值，不需要再次修改代码中的每个颜色。