使CSS的每个文本元素都变暗

Question

我刚刚意识到我的整个Rails应用程序都很苍白，并希望快速修复以使所有文本看起来比如说120％更暗。我的麻烦是，我的文字颜色值遍布各处。 （如果我只有几个文本颜色值，那么可以更容易地找到并替换所有这些颜色值。）

有办法做到这一点吗？我不熟悉less，但我希望有一些快速解决方案可以帮助我。

Answer 1

我认为较少用于根据规则制作所有css，因此现在就像你要重新编写css一样难以实现它。

例如，如果您将基色设置为@base：#ccc;然后你可以将其他颜色设置为像％

 div { .box-shadow(0 0 5px, 30%) }

然而，这仍然会迫使你通过并用百分比替换所有的css值，并且学习更少...良好的长期解决方案，但不是快速修复。

我不是rails的专家，但如果您使用replace命令查看所有文件并将#fff替换为#ccc等？

Answer 2

由于你的css不低于（或Sass），所以没有直接的方法来实现这一点。但是，编写一个可以在css中找到所有颜色值的脚本（使用正则表达式）并用较暗的颜色替换它们（即将所有单个颜色值减少一定百分比）并不是一件难事。