最佳实践react-toolbox更改默认样式

Question

我在反应项目中使用了反应工具箱。有没有办法设置一些覆盖react-toolbox样式的默认样式？

想换一些颜色和填充物吗？

感谢您的帮助。

我可以这样做：

postcssPlugins: [
    cssnext({ 
      features: {
        customProperties: {
          variables: {
            'color-primary': 'var(--palette-amber-500)',
          },
        },
      },
    }),

Answer 1

解决方案是创建一个theme.js组件来覆盖react-toolbox的东西

import RTInput from './input.css';
import RTTooltip from './tooltip.css'

export default {
    RTInput, RTTooltip
};

然后你需要一个主题提供者..我在index.js

中做了这个

import {ThemeProvider} from 'react-css-themr';
import theme from './styles/react-toolbox-customs/theme.js';


   <ThemeProvider theme={theme}>

并打包您的内容

就是这样。