Php 如何根据用户提供的2种颜色生成完整的网站样式表？

我被要求构建一个表单，要求提供前景和背景色，然后基于这两种颜色为网站创建样式表。我想能够使网站的不同部分的颜色阴影，悬停状态等

---

我认为较少或SASS将用于此，但不确定从何处开始。

如果您想将

SASS

与PHP功能结合使用，最好使用

阅读文档并尝试演示

示例

作为演示，需要两种颜色：

$red: #f00;
$blue: #232;

body {
    background: $red;
    color: $blue;
}

---

你是对的，你可以通过以下方式实现这一点。以lessCSS为例，假设

style.less

：

@primaryColor: #c00;
@secondaryColor: #ddd;

body{
  background: @secondaryColor;
}

a{
  color: lighten(@primaryColor, 10%);
}

因此，您需要的是使用用户的输入覆盖

@primaryColor

和

@secondaryColor

变量。如果您正在使用：

---

您可以使用较少的代码和JavaScript来设置颜色。你可以这样做：

@color1: `document.getElementById("Color1")`;
@color2: `document.getElementById("Color2")`;

使用这样的输入字段时，例如：

<input type="text" id="Color1"/>
<input type="text" id="Color2"/>

---

你在编码方面做了哪些尝试？你需要css…你在这里谈论的是OOCSS…不确定这与你想要的有什么关系。一个好的起点是查看Sass或更少的文档（安装、使用等）。

<input type="text" id="Color1"/>
<input type="text" id="Color2"/>

body
{
    background: @secondaryColor;
}
.randomClass 
{
    background: @secondaryColor;
}