@buffetjs/styles
Version:
Buffetjs Styles - The styling solution of Buffetjs
73 lines (72 loc) • 1.77 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var colors = {
blue: '#007EFF',
darkBlue: '#1C5DE7',
mediumBlue: '#005EEA',
lightBlue: '#0097F6',
blueTxt: '#333740',
blueGradient: 'linear-gradient(to right top, #306ded, #2f78f1, #3283f3, #3a8ef6, #4598f7)',
orangeGradient: 'linear-gradient(to bottom right, #F65A1D, #F68E0E)',
brightGrey: '#9ea7b8',
lightGrey: '#E3E9F3',
lightGreyAlpha: 'rgba(0,0,0,0.1)',
orange: '#F64D0A',
darkOrange: '#F64D0A',
orangeBorder: 'rgba(255, 0, 0, 0.2)',
orangeBkgd: 'rgba(255, 0, 0, 0.15)',
black: '#000000',
white: '#ffffff',
green: '#6DBB1A',
greyPlaceholder: '#919BAE',
greyIconBkgd: '#FAFAFB',
greyIconColor: '#B3B5B9',
blueBorder: '#78caff',
greyToggle: '#CED3DB',
greyHeader: '#F3F3F4',
greySubtitle: '#787E8F',
greyHover: '#F7F8F8',
greySeparator: '#f1f1f2',
blueIconTxt: '#367CF7',
blueIconBkgd: '#E8F0FA',
greyTabBkgd: '#F2F2F2',
blueTabBorder: '#1C5DE7',
greyLink: '#F5F5F5',
button: {
primary: {
borderColor: '#007EFF',
color: '#ffffff',
backgroundColor: '#007EFF'
},
secondary: {
borderColor: '#007EFF',
color: '#007EFF',
backgroundColor: '#ffffff'
},
cancel: {
borderColor: '#9ea7b8',
color: '#9ea7b8',
backgroundColor: 'transparent'
},
"delete": {
borderColor: '#F64D0A',
color: '#ffffff',
backgroundColor: '#F64D0A'
},
success: {
borderColor: '#6DBB1A',
color: '#ffffff',
backgroundColor: '#6DBB1A'
},
disabled: {
borderColor: '#E9EAEB',
color: '#B4B6BA',
backgroundColor: '#E9EAEB'
}
}
};
var _default = colors;
exports["default"] = _default;