Milligram: 轻松更改高亮颜色 (#9b4dca)

创建于 2018-02-22 · 6评论 · 资料来源: milligram/milligram

使用 CSS3 变量（自定义属性）可以覆盖 1 行 CSS 中的高亮颜色。

在 mgag.css 中有以下内容：

:root {
  --highlight-color: #9b4dca;
}

然后用 var(--highlight-color) 替换每个#9b4dca var(--highlight-color) 。

完成此操作后，替换高亮颜色就像包含 custom.css 文件一样简单

:root {
  --highlight-color: #abcabc;
}

Hacktoberfest new feature

资料来源

mterron

👍10 ❤3

最有用的评论

我来这里是为了同样的事情 ^^ 但由于它是用 SASS 编写的，并且您可能想要支持旧浏览器，我建议您做一个更加后备证明的示例，如下所示：

button {
  background-color: $color-primary;
  background-color: var(--color-primary, $color-primary);
}

这样不支持 CSS 自定义属性的浏览器仍然会回退到工作版本。同样这种方式在实际样式表中不需要:root {} ，因为var()已经提供了一个后备选项。

干杯，
多米尼克

dkundel 于 2018-03-23

👍6

我来这里是为了同样的事情 ^^ 但由于它是用 SASS 编写的，并且您可能想要支持旧浏览器，我建议您做一个更加后备证明的示例，如下所示：

button {
  background-color: $color-primary;
  background-color: var(--color-primary, $color-primary);
}

这样不支持 CSS 自定义属性的浏览器仍然会回退到工作版本。同样这种方式在实际样式表中不需要:root {} ，因为var()已经提供了一个后备选项。

干杯，
多米尼克

dkundel 于 2018-03-23

👍6

到目前为止，他们在这方面有什么进展或做了什么吗？ 😄

timrossback 于 2019-06-29

到目前为止，他们在这方面有什么进展或做了什么吗？ 😄

您始终可以从src/_Color.sass更改颜色的值，然后使用sass --update重新编译。您还可以添加自己的 sass 文件。

dntzbgh 于 2019-06-29

到目前为止，他们在这方面有什么进展或做了什么吗？ 😄
您始终可以从src/_Color.sass更改颜色的值，然后使用sass --update重新编译。您还可以添加自己的 sass 文件。

好点子！我想我正在寻找更多开箱即用的解决方案，因为我不使用 Sass，但我真的不知道除了更改/dist/milligram.min.css中的值本身之外如何轻松完成

timrossback 于 2019-06-30

👍1

喜欢这个框架！迫不及待要发布此功能🚀

cilim 于 2020-08-26

嘿@mterron @dkundel @timrossback @dntzbgh @cilim

cjpatoilo 于 2020-08-27

👍2

此页面是否有帮助？

0 / 5 - 0 等级