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

Update select button

pull/5756/head
Cagatay Civici 2024-05-14 14:32:19 +03:00
parent d28e6bcb7d
commit e570febe4c
2 changed files with 21 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/lib/themes/nora/card/index.js
View File

@ -1,7 +1,7 @@
export default { export default {
root: { root: {
background: '{content.background}', background: '{content.background}',
borderRadius: '{border.radius.xl}', borderRadius: '{border.radius.sm}',
color: '{content.color}', color: '{content.color}',
shadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)' shadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)'
}, },

59
components/lib/themes/nora/togglebutton/index.js
View File

@ -1,68 +1,49 @@
export default { export default {
root: { root: {
padding: '0.5rem 1rem', padding: '0.5rem 0.75rem',
borderRadius: '{content.border.radius}', borderRadius: '{content.border.radius}',
gap: '0.5rem', gap: '0.5rem',
fontWeight: '500', fontWeight: '500',
background: '{form.field.background}',
borderColor: '{form.field.border.color}',
color: '{form.field.color}',
hoverColor: '{form.field.color}',
checkedBackground: '{highlight.background}',
checkedColor: '{highlight.color}',
checkedBorderColor: '{highlight.focus.background}',
disabledBackground: '{form.field.disabled.background}', disabledBackground: '{form.field.disabled.background}',
disabledBorderColor: '{form.field.disabled.background}', disabledBorderColor: '{form.field.disabled.background}',
disabledColor: '{form.field.disabled.color}', disabledColor: '{form.field.disabled.color}',
invalidBorderColor: '{form.field.invalid.border.color}', invalidBorderColor: '{form.field.invalid.border.color}',
focusRing: { focusRing: {
width: '{focus.ring.width}', width: '{form.field.focus.ring.width}',
style: '{focus.ring.style}', style: '{form.field.focus.ring.style}',
color: '{focus.ring.color}', color: '{form.field.focus.ring.color}',
offset: '{focus.ring.offset}', offset: '{form.field.focus.ring.offset}',
shadow: '{focus.ring.shadow}' shadow: '{form.field.focus.ring.shadow}'
} }
}, },
icon: { icon: {
color: '{text.muted.color}',
hoverColor: '{text.muted.color}',
checkedColor: '{highlight.color}',
disabledColor: '{form.field.disabled.color}' disabledColor: '{form.field.disabled.color}'
}, },
content: { content: {
left: '0.25rem', left: '0.25rem',
top: '0.25rem', top: '0.25rem',
checkedShadow: '0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04)' checkedBackground: 'transparent',
checkedShadow: 'none'
}, },
colorScheme: { colorScheme: {
light: { light: {
root: { root: {
background: '{surface.100}', hoverBackground: '{surface.200}'
checkedBackground: '{surface.100}',
hoverBackground: '{surface.100}',
borderColor: '{surface.100}',
color: '{surface.500}',
hoverColor: '{surface.700}',
checkedColor: '{surface.900}',
checkedBorderColor: '{surface.100}'
},
content: {
checkedBackground: '{surface.0}'
},
icon: {
color: '{surface.500}',
hoverColor: '{surface.700}',
checkedColor: '{surface.900}'
} }
}, },
dark: { dark: {
root: { root: {
background: '{surface.950}', hoverBackground: '{surface.700}'
checkedBackground: '{surface.950}',
hoverBackground: '{surface.950}',
borderColor: '{surface.950}',
color: '{surface.400}',
hoverColor: '{surface.300}',
checkedColor: '{surface.0}',
checkedBorderColor: '{surface.950}'
},
content: {
checkedBackground: '{surface.800}'
},
icon: {
color: '{surface.400}',
hoverColor: '{surface.300}',
checkedColor: '{surface.0}'
} }
} }
} }