样式化组件，抛光和主题

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)};

Working Demo