javascript - 如何从顺风配置文件中获取颜色值
问题描述
我想从配置文件中访问“强调”颜色的值,以便将其分配给新颜色。我试过danger: theme('colors.accent')
了,但我收到了这个错误> theme is not defined
。我想避免再次硬编码十六进制颜色代码。有没有办法轻松做到这一点?
tailwind.config.js
colors: {
accent: '#57A0D7',
accentlight: '#88BCE2',
accentdark: '#4B8CBD',
accentdarker: '#4682B0',
danger: theme(colors.accent),
解决方案
肯定的事。只需设置您想要出现在您之外的多个位置的值module.exports
,您可以在任何地方使用它作为变量,因为配置文件只是一个 js 文件。
const accent = '#57A0D7';
module.exports = {
theme: {
colors: {
accent,
accentlight: '#88BCE2',
accentdark: '#4B8CBD',
accentdarker: '#4682B0',
danger: accent
}
}
}
推荐阅读
- java - 在 Tomcat 6 中部署 Spring Boot 应用程序(传统部署)
- html - 如何在 PDF 中使用 CSS 分页
- python - 如何获取用于调用 google api 的委托凭证对象?
- python - 在我们可以使用列变量进行建模之前,列可接受的方差是多少?
- angular - 如何修复 - org.springframework.web.util.NestedServletException 异常
- angular - 如何在 Angular 7(或 2+)中编写文件上传方法的单元测试
- git - 如果我有任何文件更改,我可以阻止 git stash pop/apply 吗?
- javascript - v-model 和计算属性不一致的行为
- c++ - 无法设置本地 C++ 开发环境
- python - 是否有可能将复杂的 json 转换为 pandas 数据框?