@axeptio/design-system
Version:
Design System for Axeptio
61 lines (58 loc) • 1.08 kB
text/typescript
import axeptio, { palette, boxShadows } from '../axeptio';
const taste = {
...axeptio,
colors: {
...palette,
primary: palette.taste
},
buttons: {
primary: {
color: '#FFFFFF',
colorHover: '#FFFFFF',
borderRadius: '4px'
}
},
checkboxes: {
default: {
bgColorChecked: '#F25071'
}
},
badges: {
small: {
fontSize: '12px'
},
large: {
fontSize: '18px'
},
default: {
fontSize: '14px',
color: palette.white,
bgColor: palette.grey.v100,
borderRadius: '1000px',
border: `2px solid ${palette.white}`,
minWidth: 100,
boxShadow: boxShadows.small
},
certified: {
color: palette.white,
bgColor: palette.taste
},
tasty: {
color: palette.white,
bgColor: '#09C1DA'
},
healthy: {
color: palette.white,
bgColor: '#92BE25'
},
oily: {
color: palette.white,
bgColor: '#FFBA19'
},
junkfood: {
color: palette.white,
bgColor: '#E86405'
}
}
};
export default taste;