moq-ui
Version:
Simple, customizable UI components built with React
77 lines (71 loc) • 2.02 kB
JavaScript
var Colors = require('../colors');
var ColorManipulator = require('../../utils/color-manipulator');
var PureTheme = {
getPalette: function() {
return {
darkBackgroundColor: 'rgb(24, 24, 24)',
lightBackgroundColor: 'rgb(250, 250, 250)',
errorColor: 'rgb(233, 50, 45)',
successColor: 'rgb(94, 185, 94)',
primaryColor: 'rgb(31, 141, 214)',
headingsColor:'rgb(75, 75, 75)',
textColor: Colors.grayDark,
labelColor: Colors.blackLight,
canvasColor: 'rgb(250, 250, 250)',
shadowColor: Colors.silver,
};
},
getComponentThemes: function(palette) {
return {
button: {
backgroundColor: '#e6e6e6',
color: palette.textColor,
fontSize: '1em',
fontWeight: 300,
borderColor: Colors.transparent,
borderWidth: 0,
borderRadius: 2,
borderStyle: 'solid',
padding: '0.5em 1em'
},
input: {
color: palette.textColor,
fontSize: '1em',
fontWeight: 300,
letterSpacing: '0.01em',
padding: '0.5em 0.6em',
borderColor: '#ccc',
borderWidth: 1,
borderRadius: 4,
borderStyle: 'solid',
boxShadow: 'inset 0 1px 3px ' + palette.shadowColor,
},
checkbox: {
backgroundColor: 'transparent',
color: 'transparent',
borderColor: '#ccc',
borderWidth: 1,
borderRadius: 3,
borderStyle: 'solid',
boxShadow: 'inset 0 0 1px ' + palette.shadowColor,
checked: {
color: 'white',
backgroundColor: palette.primaryColor,
borderColor: palette.primaryColor
}
},
radioButton: {
borderColor: '#ddd',
backgroundColor: 'white',
color: 'white',
borderWidth: 1,
checked: {
borderColor: palette.primaryColor,
backgroundColor: palette.primaryColor,
color: 'white',
}
}
};
}
};
module.exports = PureTheme;