Question

我在一个简单的React项目中尝试使用Styled-components，我有一个传递给组件的主题对象，所以我可以这样做：

background-color: ${props => props.theme.primary};

我也使用Polished来修改传递的值，因此按钮使用颜色较深的颜色作为轮廓。我可以这样做：

border: 1px solid ${darken(0.05, '#00823b')};

但是我需要颜色值来自主题，我该如何传递主题属性呢？

谢谢！

Answer 1

定义您的border样式定义，如下所示：

border: 1px solid ${props => darken(0.05, props.theme.primary)};