php - 动态换肤

Question

我必须根据 PHP 后端提供的颜色代码动态更改网站上的颜色皮肤。提示用户在后端选择 5 种颜色。将根据这 5 种颜色创建皮肤。 我已经有工作的 css，但是是静态的。现在我需要根据所选择的颜色代码在静态 css 中转换所有这些颜色。例如，如果从后端选择的 5 种颜色中的第一种颜色是绿色。所以悬停时的绿色按钮必须稍微亮一点。 对于这些类型的问题，好的做法是什么？我是否应该制作一个公式，比如找出浅绿色和深绿色颜色代码的区别(这样，如果用户选择红色而不是绿色，那么悬停时它会变成浅红色)？或者还有其他方法吗？

Answer 1

我更喜欢使用不透明度，比如给按钮一个背景:rgba(0,0,0,0.5); 这为按钮提供了背景颜色，顶部有 50% 的黑色，这使得按钮稍微暗一些。

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

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