如何为网站创建可变颜色方案?

时间:2017-09-12 11:03:24

标签: javascript css bootstrap-4

如何为网站创建可更改的配色方案?

我甚至不知道如何开始这样做。 我只知道,我应该使用sass。

你能给一些教程链接吗?

例如: example

1 个答案:

答案 0 :(得分:0)

您可以通过多种方式实现这一目标。首先想到的是:

在纯CSS

您可以在body标记上设置常规CSS类,并根据该加载自定义颜色CSS文件。您必须使用custom CSS properties。请注意浏览器支持。我们的想法是使用变量而不是纯色代码,并使用自定义调色板为元素着色。

使用预处理器

要获得更多浏览器支持,您可以使用SASSLESS等预处理器,使用相同的技术。

主要思想是不在主CSS文件中使用纯颜色代码,而是使用加载您在颜色方案中定义的颜色的变量。

祝你有个美好的一天。 干杯