最佳實踐react-toolbox更改默認樣式

Question

我在我的React項目中使用react工具箱。 有沒有辦法設置一些默認樣式來覆蓋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}>

並包裝您的內容

而已。