react-blades
Version:
Horizontal stacking window panels.
53 lines (48 loc) • 1.21 kB
JavaScript
Object.defineProperty(exports, "__esModule", {
value: true
});
var _colorManipulator = require('../utils/colorManipulator');
var typography = {
fontFamily: '"Trebuchet MS", Helvetica, sans-serif',
fontSize: '14px'
};
var palette = {
white: 'white',
color1: '#06070E',
color2: '#29524A',
color3: '#94A187',
color4: '#C5AFA0',
color5: '#E9BCB7',
disabledTextColor: '#AAAAAA'
};
exports['default'] = {
bladePresenter: {
fontFamily: typography.fontFamily
},
bladeContainer: {
borderColor: palette.color1,
fontSize: typography.fontSize,
backgroundColor: palette.color4
},
blade: {},
bladeHeader: {
backgroundColor: palette.color1,
textColor: palette.white,
titleBackgroundColor: palette.color1
},
bladeToolbar: {
backgroundColor: palette.color2
},
bladeToolbarButton: {
textColor: palette.white,
textFontSize: '11px',
iconColor: palette.white,
iconPadding: '4px 0 2px 0',
iconFontSize: '11px',
disabledColor: palette.disabledTextColor,
backgroundColor: palette.color2,
hoveredBackgroundColor: (0, _colorManipulator.lighten)(palette.color2, 0.05),
layoutDirection: 'vertical'
},
bladeContent: {}
};