样式组件、抛光和主题
styled-components, polished and themes
我正在一个简单的 React 项目中尝试 Styled-components，我有一个传递给组件的主题对象，所以我可以这样做：
background-color: ${props => props.theme.primary};
我还使用 Polished 来修改传递的值，因此按钮使用较暗版本的颜色作为轮廓。我可以这样做：
border: 1px solid ${darken(0.05, '#00823b')};
但是我需要来自主题的颜色值，我该如何传递主题属性？
谢谢！
像这样定义您的 border 样式定义：
border: 1px solid ${props => darken(0.05, props.theme.primary)};
我正在一个简单的 React 项目中尝试 Styled-components，我有一个传递给组件的主题对象，所以我可以这样做：
background-color: ${props => props.theme.primary};
我还使用 Polished 来修改传递的值，因此按钮使用较暗版本的颜色作为轮廓。我可以这样做：
border: 1px solid ${darken(0.05, '#00823b')};
但是我需要来自主题的颜色值，我该如何传递主题属性？
谢谢！
像这样定义您的 border 样式定义：
border: 1px solid ${props => darken(0.05, props.theme.primary)};