mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-10 09:22:34 +00:00
Added 'Nora' theme
This commit is contained in:
parent
6689f54106
commit
b76590c81a
265 changed files with 5587 additions and 8 deletions
70
components/lib/themes/nora/select/index.js
Normal file
70
components/lib/themes/nora/select/index.js
Normal file
|
@ -0,0 +1,70 @@
|
|||
export default {
|
||||
root: {
|
||||
background: '{form.field.background}',
|
||||
disabledBackground: '{form.field.disabled.background}',
|
||||
filledBackground: '{form.field.filled.background}',
|
||||
filledFocusBackground: '{form.field.filled.focus.background}',
|
||||
borderColor: '{form.field.border.color}',
|
||||
hoverBorderColor: '{form.field.hover.border.color}',
|
||||
focusBorderColor: '{form.field.focus.border.color}',
|
||||
invalidBorderColor: '{form.field.invalid.border.color}',
|
||||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
placeholderColor: '{form.field.placeholder.color}',
|
||||
shadow: '{form.field.shadow}',
|
||||
paddingX: '{form.field.padding.x}',
|
||||
paddingY: '{form.field.padding.y}',
|
||||
borderRadius: '{form.field.border.radius}',
|
||||
focusRing: {
|
||||
width: '{form.field.focus.ring.width}',
|
||||
style: '{form.field.focus.ring.style}',
|
||||
color: '{form.field.focus.ring.color}',
|
||||
offset: '{form.field.focus.ring.offset}',
|
||||
shadow: '{form.field.focus.ring.shadow}'
|
||||
}
|
||||
},
|
||||
dropdown: {
|
||||
width: '2.5rem',
|
||||
color: '{form.field.icon.color}'
|
||||
},
|
||||
overlay: {
|
||||
background: '{overlay.select.background}',
|
||||
borderColor: '{overlay.select.border.color}',
|
||||
borderRadius: '{overlay.select.border.radius}',
|
||||
color: '{overlay.select.color}',
|
||||
shadow: '{overlay.select.shadow}'
|
||||
},
|
||||
list: {
|
||||
padding: '{list.padding}',
|
||||
gap: '{list.gap}',
|
||||
header: {
|
||||
padding: '{list.header.padding}'
|
||||
}
|
||||
},
|
||||
option: {
|
||||
focusBackground: '{list.option.focus.background}',
|
||||
selectedBackground: '{list.option.selected.background}',
|
||||
selectedFocusBackground: '{list.option.selected.focus.background}',
|
||||
color: '{list.option.color}',
|
||||
focusColor: '{list.option.focus.color}',
|
||||
selectedColor: '{list.option.selected.color}',
|
||||
selectedFocusColor: '{list.option.selected.focus.color}',
|
||||
padding: '{list.option.padding}',
|
||||
borderRadius: '{list.option.border.radius}'
|
||||
},
|
||||
optionGroup: {
|
||||
background: '{list.option.group.background}',
|
||||
color: '{list.option.group.color}',
|
||||
fontWeight: '{list.option.group.font.weight}',
|
||||
padding: '{list.option.group.padding}'
|
||||
},
|
||||
clearIcon: {
|
||||
color: '{form.field.icon.color}'
|
||||
},
|
||||
checkmark: {
|
||||
color: '{list.option.color}'
|
||||
},
|
||||
emptyMessage: {
|
||||
padding: '{list.option.padding}'
|
||||
}
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue