html - HTML / CSS中的主题材料设计

Question

在过去的几个小时里，我一直在尝试找到一种方法来更改标准 Material Design 配色方案（紫色）的主要/次要颜色。

我尝试通过主css文件覆盖无济于事。

任何关于如何做到这一点的指导将不胜感激。

预先感谢您的任何帮助。

编辑：样式和脚本文件正在从以下位置导入： https ://unpkg.com/material-components-web@latest/dist/material-components-web.min.js https://unpkg.com/material -components-web@latest/dist/material-components-web.min.css

标签： htmlcssmaterial-designthemes

Answer 1

您可以在此处下载之前自定义 Material Design 包的配色方案。

否则，Github 包是使用 SCSS 和 CSS 变量构建的。这些在中指定，_color-definitions.scss但如果您更改它们，则需要重新构建项目文件。

Material Theme builder将准确地告诉您要更新哪些变量，在哪里可以找到它们，甚至为您提供预览。