primevue-mirror/components/lib/themes/aura/badge/index.js

86 lines
2.2 KiB
JavaScript

export default {
root: {
borderRadius: '{border.radius.lg}',
padding: '0 0.5rem',
fontSize: '0.75rem',
fontWeight: '700',
minWidth: '1.5rem',
height: '1.5rem'
},
dot: {
size: '0.5rem'
},
lg: {
fontSize: '1.125rem',
minWidth: '2.25rem',
height: '2.25rem'
},
xl: {
fontSize: '1.5rem',
minWidth: '3rem',
height: '3rem'
},
colorScheme: {
light: {
primary: {
background: '{primary.color}',
color: '{primary.contrast.color}'
},
secondary: {
background: '{surface.100}',
color: '{surface.600}'
},
success: {
background: '{green.500}',
color: '{surface.0}'
},
info: {
background: '{sky.500}',
color: '{surface.0}'
},
warn: {
background: '{orange.500}',
color: '{surface.0}'
},
danger: {
background: '{red.500}',
color: '{surface.0}'
},
contrast: {
background: '{surface.950}',
color: '{surface.0}'
}
},
dark: {
primary: {
background: '{primary.color}',
color: '{primary.contrast.color}'
},
secondary: {
background: '{surface.800}',
color: '{surface.300}'
},
success: {
background: '{green.400}',
color: '{green.950}'
},
info: {
background: '{sky.400}',
color: '{sky.950}'
},
warn: {
background: '{orange.400}',
color: '{orange.950}'
},
danger: {
background: '{red.400}',
color: '{red.950}'
},
contrast: {
background: '{surface.0}',
color: '{surface.950}'
}
}
}
};