为什么 sx 道具无法访问主题对象？
Why is sx props unable to access theme object?
我正在尝试将主题 -ui 用于我正在处理的新 gatsby 项目。按照 theme-ui 文档中的说明进行操作后，我仍然无法使主题正常工作。 sx 道具似乎无法访问在 /src/gatsby-theme-ui/index.js 处创建的主题对象。提前致谢。
这是为重现而创建的 bug-repo。
https://github.com/mujeex/embsy-bug-repo
我在本地 运行 存储库并且能够在组件中使用主题值。
在这种情况下，Header component is not getting the primary color because the color: white; rule (this line) 直接定位锚元素 :) 您可以通过在浏览器的开发工具中检查元素来看到主题值已被覆盖。
如果您有兴趣了解为什么会发生这种情况，可以继续阅读 CSS specificity。
我正在尝试将主题 -ui 用于我正在处理的新 gatsby 项目。按照 theme-ui 文档中的说明进行操作后，我仍然无法使主题正常工作。 sx 道具似乎无法访问在 /src/gatsby-theme-ui/index.js 处创建的主题对象。提前致谢。
这是为重现而创建的 bug-repo。 https://github.com/mujeex/embsy-bug-repo
我在本地 运行 存储库并且能够在组件中使用主题值。
在这种情况下，Header component is not getting the primary color because the color: white; rule (this line) 直接定位锚元素 :) 您可以通过在浏览器的开发工具中检查元素来看到主题值已被覆盖。
如果您有兴趣了解为什么会发生这种情况，可以继续阅读 CSS specificity。