Antd 5.0 引入了新的主题系统。但我想知道当我通过样式组件声明组件时如何访问主题的那些设计标记。通常我这样声明我的组件。
const MyComponent = styled.button`
color:${props=> props.theme.color.primary};
`;
Run Code Online (Sandbox Code Playgroud)
theme
ThemeProvider
这是从定义的样式组件中获取的App.jsx
<ThemeProvider theme={baseTheme}>
<App/>
</ThemeProvider>
Run Code Online (Sandbox Code Playgroud)
因此,主题只能访问主题文件中定义的设计令牌。如何访问 Antd 主题的其他 token?
我想到的一种方法是创建一个主题来覆盖 Antd 的每一个设计标记。但我认为这是个坏主意