reactjs - React-rainbow 组件颜色主题

Question

我有一个最近开始开发的应用程序，我正在考虑转向 react-rainbow。有没有办法为所有 react-rainbow 组件设置颜色主题？

标签： reactjsreact-rainbow-components

Answer 1

通过将<Application />组件用作整个应用程序的包装器来允许自定义，组件属性主题将接受一个对象，您可以在其中指定调色板。

const theme = {
    rainbow: {
        palette: {
            brand: '#5c56b6',
        },
    },
};

<Application theme={theme}>
    <Button
        label="Button Brand"
        onClick={() => alert('clicked!')}
        variant="brand"
    />
    ...
</Application>

您可以在此处找到更多文档https://react-rainbow.io/#/Customization