动态皮肤

Question

我必须根据PHP后端提供的颜色代码动态更改网站上的颜色外观。提示用户在后端选择5种颜色。根据这5种颜色创建皮肤。 我已经有了工作css，但是静态的。现在我需要根据选择的颜色代码转换静态css中的所有颜色。例如，如果从后端选择的5中的第1种颜色是绿色。所以悬停时的绿色按钮必须略微亮。 这类问题的良好做法是什么？我应该制作一个像寻找浅绿色和深绿色代码的差异的公式（这样如果用户选择红色而不是绿色，那么它会在悬停时变为浅红色）？或者还有其他方法吗？

Answer 1

我更喜欢使用不透明效果，比如给按钮一个背景：rgba（0,0,0,0.5）; 这些按钮的背景颜色为50％黑色，使按钮略微变暗。

为了将选定的颜色传递给模板，我确保所有需要更改颜色的html元素都有一个或两个通用的css类。不只是用php打印2个css行，它会覆盖默认样式。

.bg-color {
   background-color:red;
}
.font-color {
   color: red;
}