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

Message colors for Nora

pull/5756/head
Cagatay Civici 2024-05-15 01:14:43 +03:00
parent 1f395db001
commit 3d4ada0d03
5 changed files with 193 additions and 193 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
components/lib/themes/aura/inlinemessage/index.js
View File

@ -16,37 +16,37 @@ export default {
background: 'color-mix(in srgb, {blue.50}, transparent 5%)',
borderColor: '{blue.200}',
color: '{blue.600}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)'
shadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)'
},
success: {
background: 'color-mix(in srgb, {green.50}, transparent 5%)',
borderColor: '{green.200}',
color: '{green.600}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)'
shadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)'
},
warn: {
background: 'color-mix(in srgb,{yellow.50}, transparent 5%)',
borderColor: '{yellow.200}',
color: '{yellow.600}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)'
shadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)'
},
error: {
background: 'color-mix(in srgb, {red.50}, transparent 5%)',
borderColor: '{red.200}',
color: '{red.600}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)'
shadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)'
},
secondary: {
background: '{surface.100}',
borderColor: '{surface.200}',
color: '{surface.600}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)'
shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)'
},
contrast: {
background: '{surface.900}',
borderColor: '{surface.950}',
color: '{surface.50}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)'
shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)'
}
},
dark: {
@ -54,37 +54,37 @@ export default {
background: 'color-mix(in srgb, {blue.500}, transparent 84%)',
borderColor: 'color-mix(in srgb, {blue.700}, transparent 64%)',
color: '{blue.500}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)'
shadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)'
},
success: {
background: 'color-mix(in srgb, {green.500}, transparent 84%)',
borderColor: 'color-mix(in srgb, {green.700}, transparent 64%)',
color: '{green.500}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)'
shadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)'
},
warn: {
background: 'color-mix(in srgb, {yellow.500}, transparent 84%)',
borderColor: 'color-mix(in srgb, {yellow.700}, transparent 64%)',
color: '{yellow.500}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)'
shadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)'
},
error: {
background: 'color-mix(in srgb, {red.500}, transparent 84%)',
borderColor: 'color-mix(in srgb, {red.700}, transparent 64%)',
color: '{red.500}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)'
shadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)'
},
secondary: {
background: '{surface.800}',
borderColor: '{surface.700}',
color: '{surface.300}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)'
shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)'
},
contrast: {
background: '{surface.0}',
borderColor: '{surface.100}',
color: '{surface.950}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)'
shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)'
}
}
}

86
components/lib/themes/nora/inlinemessage/index.js
View File

@ -5,7 +5,7 @@ export default {
gap: '0.5rem'
},
text: {
fontWeight: '500'
fontWeight: '600'
},
icon: {
size: '1rem'
@ -13,78 +13,78 @@ export default {
colorScheme: {
light: {
info: {
background: 'color-mix(in srgb, {blue.50}, transparent 5%)',
borderColor: '{blue.200}',
color: '{blue.600}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)'
background: '{blue.800}',
borderColor: '{blue.800}',
color: '{blue.50}',
shadow: 'none'
},
success: {
background: 'color-mix(in srgb, {green.50}, transparent 5%)',
borderColor: '{green.200}',
color: '{green.600}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)'
background: '{green.800}',
borderColor: '{green.800}',
color: '{green.50}',
shadow: 'none'
},
warn: {
background: 'color-mix(in srgb,{yellow.50}, transparent 5%)',
borderColor: '{yellow.200}',
color: '{yellow.600}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)'
background: '{yellow.600}',
borderColor: '{yellow.600}',
color: '{yellow.50}',
shadow: 'none'
},
error: {
background: 'color-mix(in srgb, {red.50}, transparent 5%)',
borderColor: '{red.200}',
color: '{red.600}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)'
background: '{red.800}',
borderColor: '{red.800}',
color: '{red.50}',
shadow: 'none'
},
secondary: {
background: '{surface.100}',
background: '{surface.200}',
borderColor: '{surface.200}',
color: '{surface.600}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)'
color: '{surface.700}',
shadow: 'none'
},
contrast: {
background: '{surface.900}',
borderColor: '{surface.950}',
borderColor: '{surface.900}',
color: '{surface.50}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)'
shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)'
}
},
dark: {
info: {
background: 'color-mix(in srgb, {blue.500}, transparent 84%)',
borderColor: 'color-mix(in srgb, {blue.700}, transparent 64%)',
color: '{blue.500}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)'
background: '{blue.200}',
borderColor: '{blue.200}',
color: '{blue.950}',
shadow: 'none'
},
success: {
background: 'color-mix(in srgb, {green.500}, transparent 84%)',
borderColor: 'color-mix(in srgb, {green.700}, transparent 64%)',
color: '{green.500}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)'
background: '{green.200}',
borderColor: '{green.200}',
color: '{green.950}',
shadow: 'none'
},
warn: {
background: 'color-mix(in srgb, {yellow.500}, transparent 84%)',
borderColor: 'color-mix(in srgb, {yellow.700}, transparent 64%)',
color: '{yellow.500}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)'
background: '{yellow.200}',
borderColor: '{yellow.200}',
color: '{yellow.950}',
shadow: 'none'
},
error: {
background: 'color-mix(in srgb, {red.500}, transparent 84%)',
borderColor: 'color-mix(in srgb, {red.700}, transparent 64%)',
color: '{red.500}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)'
background: '{red.200}',
borderColor: '{red.200}',
color: '{red.950}',
shadow: 'none'
},
secondary: {
background: '{surface.800}',
background: '{surface.700}',
borderColor: '{surface.700}',
color: '{surface.300}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)'
color: '{surface.200}',
shadow: 'none'
},
contrast: {
background: '{surface.0}',
borderColor: '{surface.100}',
borderColor: '{surface.0}',
color: '{surface.950}',
boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)'
shadow: 'none'
}
}
}

128
components/lib/themes/nora/message/index.js
View File

@ -10,7 +10,7 @@ export default {
},
text: {
fontSize: '1rem',
fontWeight: '500'
fontWeight: '700'
},
icon: {
size: '1.125rem'
@ -31,77 +31,77 @@ export default {
colorScheme: {
light: {
info: {
background: 'color-mix(in srgb, {blue.50}, transparent 5%)',
borderColor: '{blue.200}',
color: '{blue.600}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)',
background: '{blue.800}',
borderColor: '{blue.800}',
color: '{blue.50}',
shadow: 'none',
closeButton: {
hoverBackground: '{blue.100}',
hoverBackground: '{blue.600}',
focusRing: {
color: '{blue.600}',
color: '{blue.50}',
shadow: 'none'
}
}
},
success: {
background: 'color-mix(in srgb, {green.50}, transparent 5%)',
borderColor: '{green.200}',
color: '{green.600}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)',
background: '{green.800}',
borderColor: '{green.800}',
color: '{green.50}',
shadow: 'none',
closeButton: {
hoverBackground: '{green.100}',
hoverBackground: '{green.600}',
focusRing: {
color: '{green.600}',
color: '{green.50}',
shadow: 'none'
}
}
},
warn: {
background: 'color-mix(in srgb,{yellow.50}, transparent 5%)',
borderColor: '{yellow.200}',
color: '{yellow.600}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)',
background: '{yellow.600}',
borderColor: '{yellow.600}',
color: '{yellow.50}',
shadow: 'none',
closeButton: {
hoverBackground: '{yellow.100}',
hoverBackground: '{yellow.400}',
focusRing: {
color: '{yellow.600}',
color: '{yellow.50}',
shadow: 'none'
}
}
},
error: {
background: 'color-mix(in srgb, {red.50}, transparent 5%)',
borderColor: '{red.200}',
color: '{red.600}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)',
background: '{red.800}',
borderColor: '{red.800}',
color: '{red.50}',
shadow: 'none',
closeButton: {
hoverBackground: '{red.100}',
hoverBackground: '{red.600}',
focusRing: {
color: '{red.600}',
color: '{red.50}',
shadow: 'none'
}
}
},
secondary: {
background: '{surface.100}',
background: '{surface.200}',
borderColor: '{surface.200}',
color: '{surface.600}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)',
color: '{surface.700}',
shadow: 'none',
closeButton: {
hoverBackground: '{surface.200}',
hoverBackground: '{surface.50}',
focusRing: {
color: '{surface.600}',
color: '{surface.700}',
shadow: 'none'
}
}
},
contrast: {
background: '{surface.900}',
borderColor: '{surface.950}',
borderColor: '{surface.900}',
color: '{surface.50}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)',
closeButton: {
hoverBackground: '{surface.800}',
hoverBackground: '{surface.700}',
focusRing: {
color: '{surface.50}',
shadow: 'none'
@ -111,77 +111,77 @@ export default {
},
dark: {
info: {
background: 'color-mix(in srgb, {blue.500}, transparent 84%)',
borderColor: 'color-mix(in srgb, {blue.700}, transparent 64%)',
color: '{blue.500}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)',
background: '{blue.200}',
borderColor: '{blue.200}',
color: '{blue.950}',
shadow: 'none',
closeButton: {
hoverBackground: 'rgba(255, 255, 255, 0.05)',
hoverBackground: '{blue.50}',
focusRing: {
color: '{blue.500}',
color: '{blue.950}',
shadow: 'none'
}
}
},
success: {
background: 'color-mix(in srgb, {green.500}, transparent 84%)',
borderColor: 'color-mix(in srgb, {green.700}, transparent 64%)',
color: '{green.500}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)',
background: '{green.200}',
borderColor: '{green.200}',
color: '{green.950}',
shadow: 'none',
closeButton: {
hoverBackground: 'rgba(255, 255, 255, 0.05)',
hoverBackground: '{green.50}',
focusRing: {
color: '{green.500}',
color: '{green.950}',
shadow: 'none'
}
}
},
warn: {
background: 'color-mix(in srgb, {yellow.500}, transparent 84%)',
borderColor: 'color-mix(in srgb, {yellow.700}, transparent 64%)',
color: '{yellow.500}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)',
background: '{yellow.200}',
borderColor: '{yellow.200}',
color: '{yellow.950}',
shadow: 'none',
closeButton: {
hoverBackground: 'rgba(255, 255, 255, 0.05)',
hoverBackground: '{yellow.50}',
focusRing: {
color: '{yellow.500}',
color: '{yellow.950}',
shadow: 'none'
}
}
},
error: {
background: 'color-mix(in srgb, {red.500}, transparent 84%)',
borderColor: 'color-mix(in srgb, {red.700}, transparent 64%)',
color: '{red.500}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)',
background: '{red.200}',
borderColor: '{red.200}',
color: '{red.950}',
shadow: 'none',
closeButton: {
hoverBackground: 'rgba(255, 255, 255, 0.05)',
hoverBackground: '{red.50}',
focusRing: {
color: '{red.500}',
color: '{red.950}',
shadow: 'none'
}
}
},
secondary: {
background: '{surface.800}',
background: '{surface.700}',
borderColor: '{surface.700}',
color: '{surface.300}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)',
color: '{surface.200}',
shadow: 'none',
closeButton: {
hoverBackground: '{surface.700}',
hoverBackground: '{surface.500}',
focusRing: {
color: '{surface.300}',
color: '{surface.200}',
shadow: 'none'
}
}
},
contrast: {
background: '{surface.0}',
borderColor: '{surface.100}',
borderColor: '{surface.0}',
color: '{surface.950}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)',
shadow: 'none',
closeButton: {
hoverBackground: '{surface.100}',
hoverBackground: '{surface.200}',
focusRing: {
color: '{surface.950}',
shadow: 'none'

146
components/lib/themes/nora/toast/index.js
View File

@ -15,7 +15,7 @@ export default {
gap: '0.5rem'
},
summary: {
fontWeight: '500',
fontWeight: '700',
fontSize: '1rem'
},
detail: {
@ -39,83 +39,83 @@ export default {
light: {
blur: '1.5px',
info: {
background: 'color-mix(in srgb, {blue.50}, transparent 5%)',
borderColor: '{blue.200}',
color: '{blue.600}',
detailColor: '{surface.700}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)',
background: '{blue.800}',
borderColor: '{blue.800}',
color: '{blue.50}',
detailColor: '{blue.50}',
shadow: '{overlay.popover.shadow}',
closeButton: {
hoverBackground: '{blue.100}',
hoverBackground: '{blue.600}',
focusRing: {
color: '{blue.600}',
color: '{blue.50}',
shadow: 'none'
}
}
},
success: {
background: 'color-mix(in srgb, {green.50}, transparent 5%)',
borderColor: '{green.200}',
color: '{green.600}',
detailColor: '{surface.700}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)',
background: '{green.800}',
borderColor: '{green.800}',
color: '{green.50}',
detailColor: '{green.50}',
shadow: '{overlay.popover.shadow}',
closeButton: {
hoverBackground: '{green.100}',
hoverBackground: '{green.600}',
focusRing: {
color: '{green.600}',
color: '{green.50}',
shadow: 'none'
}
}
},
warn: {
background: 'color-mix(in srgb,{yellow.50}, transparent 5%)',
borderColor: '{yellow.200}',
color: '{yellow.600}',
detailColor: '{surface.700}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)',
background: '{yellow.600}',
borderColor: '{yellow.600}',
color: '{yellow.50}',
detailColor: '{yellow.50}',
shadow: '{overlay.popover.shadow}',
closeButton: {
hoverBackground: '{yellow.100}',
hoverBackground: '{yellow.400}',
focusRing: {
color: '{yellow.600}',
color: '{yellow.50}',
shadow: 'none'
}
}
},
error: {
background: 'color-mix(in srgb, {red.50}, transparent 5%)',
borderColor: '{red.200}',
color: '{red.600}',
detailColor: '{surface.700}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)',
background: '{red.800}',
borderColor: '{red.800}',
color: '{red.50}',
detailColor: '{red.50}',
shadow: '{overlay.popover.shadow}',
closeButton: {
hoverBackground: '{red.100}',
hoverBackground: '{red.600}',
focusRing: {
color: '{red.600}',
color: '{red.50}',
shadow: 'none'
}
}
},
secondary: {
background: '{surface.100}',
background: '{surface.200}',
borderColor: '{surface.200}',
color: '{surface.600}',
color: '{surface.700}',
detailColor: '{surface.700}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)',
shadow: '{overlay.popover.shadow}',
closeButton: {
hoverBackground: '{surface.200}',
hoverBackground: '{surface.50}',
focusRing: {
color: '{surface.600}',
color: '{surface.700}',
shadow: 'none'
}
}
},
contrast: {
background: '{surface.900}',
borderColor: '{surface.950}',
borderColor: '{surface.900}',
color: '{surface.50}',
detailColor: '{surface.0}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)',
closeButton: {
hoverBackground: '{surface.800}',
hoverBackground: '{surface.700}',
focusRing: {
color: '{surface.50}',
shadow: 'none'
@ -126,83 +126,83 @@ export default {
dark: {
blur: '10px',
info: {
background: 'color-mix(in srgb, {blue.500}, transparent 84%)',
borderColor: 'color-mix(in srgb, {blue.700}, transparent 64%)',
color: '{blue.500}',
detailColor: '{surface.0}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)',
background: '{blue.200}',
borderColor: '{blue.200}',
color: '{blue.950}',
detailColor: '{blue.950}',
shadow: '{overlay.popover.shadow}',
closeButton: {
hoverBackground: 'rgba(255, 255, 255, 0.05)',
hoverBackground: '{blue.50}',
focusRing: {
color: '{blue.500}',
color: '{blue.950}',
shadow: 'none'
}
}
},
success: {
background: 'color-mix(in srgb, {green.500}, transparent 84%)',
borderColor: 'color-mix(in srgb, {green.700}, transparent 64%)',
color: '{green.500}',
detailColor: '{surface.0}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)',
background: '{green.200}',
borderColor: '{green.200}',
color: '{green.950}',
detailColor: '{green.950}',
shadow: '{overlay.popover.shadow}',
closeButton: {
hoverBackground: 'rgba(255, 255, 255, 0.05)',
hoverBackground: '{green.50}',
focusRing: {
color: '{green.500}',
color: '{green.950}',
shadow: 'none'
}
}
},
warn: {
background: 'color-mix(in srgb, {yellow.500}, transparent 84%)',
borderColor: 'color-mix(in srgb, {yellow.700}, transparent 64%)',
color: '{yellow.500}',
detailColor: '{surface.0}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)',
background: '{yellow.200}',
borderColor: '{yellow.200}',
color: '{yellow.950}',
detailColor: '{yellow.950}',
shadow: '{overlay.popover.shadow}',
closeButton: {
hoverBackground: 'rgba(255, 255, 255, 0.05)',
hoverBackground: '{yellow.50}',
focusRing: {
color: '{yellow.500}',
color: '{yellow.950}',
shadow: 'none'
}
}
},
error: {
background: 'color-mix(in srgb, {red.500}, transparent 84%)',
borderColor: 'color-mix(in srgb, {red.700}, transparent 64%)',
color: '{red.500}',
detailColor: '{surface.0}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)',
background: '{red.200}',
borderColor: '{red.200}',
color: '{red.950}',
detailColor: '{red.950}',
shadow: '{overlay.popover.shadow}',
closeButton: {
hoverBackground: 'rgba(255, 255, 255, 0.05)',
hoverBackground: '{red.50}',
focusRing: {
color: '{red.500}',
color: '{red.950}',
shadow: 'none'
}
}
},
secondary: {
background: '{surface.800}',
background: '{surface.700}',
borderColor: '{surface.700}',
color: '{surface.300}',
detailColor: '{surface.0}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)',
color: '{surface.200}',
detailColor: '{surface.200}',
shadow: '{overlay.popover.shadow}',
closeButton: {
hoverBackground: '{surface.700}',
hoverBackground: '{surface.500}',
focusRing: {
color: '{surface.300}',
color: '{surface.200}',
shadow: 'none'
}
}
},
contrast: {
background: '{surface.0}',
borderColor: '{surface.100}',
borderColor: '{surface.0}',
color: '{surface.950}',
detailColor: '{surface.950}',
shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)',
shadow: '{overlay.popover.shadow}',
closeButton: {
hoverBackground: '{surface.100}',
hoverBackground: '{surface.200}',
focusRing: {
color: '{surface.950}',
shadow: 'none'

2
components/lib/toast/style/ToastStyle.js
View File

@ -36,7 +36,7 @@ const theme = ({ dt }) => `
gap: ${dt('toast.text.gap')};
}
.p-toast-summary
.p-toast-summary {
font-weight: ${dt('toast.summary.font.weight')};
font-size: ${dt('toast.summary.font.size')};
}