@ysmood/material-ui
Version:
Material Design UI components built with React
57 lines (55 loc) • 1.6 kB
JavaScript
var Colors = require('../colors');
var ColorManipulator = require('../../utils/color-manipulator');
var DarkTheme = {
getPalette: function() {
return {
textColor: Colors.fullWhite,
canvasColor: '#303030',
borderColor: ColorManipulator.fade(Colors.fullWhite, 0.3), //Colors.grey300
disabledColor: ColorManipulator.fade(Colors.fullWhite, 0.3)
};
},
getComponentThemes: function(palette) {
var cardColor = Colors.grey800;
return {
floatingActionButton: {
disabledColor: ColorManipulator.fade(palette.textColor, 0.12),
},
leftNav: {
color: cardColor
},
menu: {
backgroundColor: cardColor,
containerBackgroundColor: cardColor
},
menuItem: {
hoverColor: 'rgba(255, 255, 255, .03)',
},
menuSubheader: {
borderColor: 'rgba(255, 255, 255, 0.3)',
},
paper: {
backgroundColor: cardColor
},
raisedButton: {
color: Colors.grey500,
},
toggle: {
thumbOnColor: Colors.cyan200,
thumbOffColor: Colors.grey400,
thumbDisabledColor: Colors.grey800,
thumbRequiredColor: Colors.cyan200,
trackOnColor: ColorManipulator.fade(Colors.cyan200, 0.5),
trackOffColor: 'rgba(255, 255, 255, 0.3)',
trackDisabledColor: 'rgba(255, 255, 255, 0.1)',
},
slider: {
trackColor: Colors.minBlack,
handleColorZero: cardColor,
handleFillColor: cardColor,
selectionColor: Colors.cyan200,
},
};
}
};
module.exports = DarkTheme;