更改選項卡 MUI 內的圖標顏色

Question

我正在嘗試更改 rest 突出顯示的選項卡的選項卡圖標顏色並保持不變，但我無法弄清楚。 我在圖標按鈕內傳遞 MUI 組件。

 <Tab icon={ <Icon color={cinchdark} name={item.icon} size='small' /> } key={item.name} label = { <Typography variant='button'>{item.name} </Typography> } {...a11yProps(index)} />))} </Tabs>

我想要達到的目標

現在的情況

Answer 1

對於圖標，您可以在組件的類名中添加顏色

className={classes.icon}
icon: {
    color: '#F48273',
},

要更改指示器顏色，您可以使用道具

TabIndicatorProps={{className: classes.tabIndicator}}

並在 class 中添加背景顏色，或者如果這是來自您的主題，您可以簡單地添加

indicatorColor="primary"
textColor="primary"

在您的選項卡組件中。