vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Badge visuals to Nora

pull/5756/head
Cagatay Civici 2024-05-13 18:23:00 +03:00
parent f16d9eaac9
commit faac9c0d16
1 changed files with 23 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
components/lib/themes/nora/badge/index.js
View File

@ -1,6 +1,6 @@
export default { export default {
root: { root: {
borderRadius: '{border.radius.lg}', borderRadius: '{border.radius.md}',
padding: '0 0.5rem', padding: '0 0.5rem',
fontSize: '0.75rem', fontSize: '0.75rem',
fontWeight: '700', fontWeight: '700',
@ -10,21 +10,26 @@ export default {
dot: { dot: {
size: '0.5rem' size: '0.5rem'
}, },
sm: {
fontSize: '0.625rem',
minWidth: '1.25rem',
height: '1.25rem'
},
lg: { lg: {
fontSize: '1.125rem', fontSize: '0.875rem',
minWidth: '2.25rem', minWidth: '1.75rem',
height: '2.25rem' height: '1.75rem'
}, },
xl: { xl: {
fontSize: '1.5rem', fontSize: '1rem',
minWidth: '3rem', minWidth: '2rem',
height: '3rem' height: '2rem'
}, },
colorScheme: { colorScheme: {
light: { light: {
primary: { primary: {
background: '{primary.color}', background: '{primary.color}',
color: '{primary.inverse.color}' color: '{primary.contrast.color}'
}, },
secondary: { secondary: {
background: '{surface.100}', background: '{surface.100}',
@ -53,28 +58,28 @@ export default {
}, },
dark: { dark: {
primary: { primary: {
background: 'color-mix(in srgb, {primary.500}, transparent 84%)', background: '{primary.color}',
color: '{primary.300}' color: '{primary.contrast.color}'
}, },
secondary: { secondary: {
background: '{surface.800}', background: '{surface.800}',
color: '{surface.300}' color: '{surface.300}'
}, },
success: { success: {
background: 'color-mix(in srgb, {green.500}, transparent 84%)', background: '{green.400}',
color: '{green.300}' color: '{green.950}'
}, },
info: { info: {
background: 'color-mix(in srgb, {sky.500}, transparent 84%)', background: '{sky.400}',
color: '{sky.300}' color: '{sky.950}'
}, },
warn: { warn: {
background: 'color-mix(in srgb, {orange.500}, transparent 84%)', background: '{orange.400}',
color: '{orange.300}' color: '{orange.950}'
}, },
danger: { danger: {
background: 'color-mix(in srgb, {red.500}, transparent 84%)', background: '{red.400}',
color: '{red.300}' color: '{red.950}'
}, },
contrast: { contrast: {
background: '{surface.0}', background: '{surface.0}',