2016-12-06 51 views
1

我正在使用material-ui作爲我的應用程序。當我使用我自己的主題時,我無法更改抽屜上nestedIcon的顏色。material-ui更改默認嵌套圖標的樣式

我有辦法改變它嗎?怎麼樣?

同樣的問題存在於:http://www.material-ui.com/#/customization/themes,當你選擇darkTheme。


如果我設置muiTheme這樣的:

const muiTheme = getMuiTheme({ 
    palette: { 
    textColor: white, 
    }, 
}); 

圖標會是白色的,但我想的是,只有抽屜文字和抽屜圖標是白色的,但其他的文字是黑色的。

+0

是你說你不能重寫圖標的顏色手動,或主題的顏色沒有被設置?另外,顯示'render'代碼 –

+0

我在material-ui文檔頁面中確切地看到了你的意思,但奇怪的是我無法使用基本示例重現它。這裏是一個jsFiddle,其中的文本和圖標是使用darkBaseTheme的白色:https://jsfiddle.net/a1gov9c3/2/在該小提琴中使用的material-ui構建有點舊,但我也使用latest(^ 0.16 .4),它也呈現正確。我不知道它是否對周圍的HTML特別有用,或者是另一個.css文件中的衝突(例如normalize.css或bootstrap或其他)? –

回答

0

您只能設置 widthcolor設置爲抽屜分開。 所以你的情況,也許你需要有兩個MuiThemeProvider-S與不同的主題設置:

一個抽屜

而且一個孔應用

PS 你可以找到所有可能的主題設置here