Question

我找不到一个允许我插入自己的配色方案的CSS frameowrk。

例如，在我当前的项目中，我导入了blueprint / screen.css。要更改字体的颜色，我必须更改body {color ..}，h2 {color ..}，h3 {color ..}等。

那里有什么东西可以提供很好的css默认值，但也可以使用配色方案吗？

Answer 1

它允许你在CSS中使用诸如变量之类的东西，这听起来就像你正在追求的那样：

// LESS

@color: #4D926F;

#header {
  color: @color;
}
h2 {
  color: @color;
}

Answer 2

创建自己的蓝图后加载的CSS文件。您需要重新定义所有内容，但蓝图默认值与浏览器默认值相差不远。

如果您想要快速切换多种配色方案，请在＆lt; html＆gt; 标记上设置类。然后使用CSS文件为每个文件定义自定义样式。

CSS：

.theme1 body {
    font-family: Tahoma;
    color: #500;
}

.theme2 body {
    font-family: Verdana;
    color: #050;
}

第一个主题：

<html class="theme1">

第二个主题：

<html class="theme2">

Answer 3

你能不能编辑blueprint / screen.css文件？您还可以使用类似SASS的内容，然后在样式表的顶部创建所有默认值，然后在呈现它时将其放在样式表中。