mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-09 08:52:34 +00:00
Add 'Lara' theme
This commit is contained in:
parent
30fa452525
commit
06850f3ed5
177 changed files with 3386 additions and 7 deletions
46
components/lib/themes/lara/autocomplete/index.js
Normal file
46
components/lib/themes/lara/autocomplete/index.js
Normal file
|
@ -0,0 +1,46 @@
|
|||
export default {
|
||||
inputMultiple: {
|
||||
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}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
},
|
||||
overlay: {
|
||||
background: '{overlay.select.background}',
|
||||
borderColor: '{overlay.select.border.color}',
|
||||
color: '{overlay.select.color}'
|
||||
},
|
||||
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}'
|
||||
},
|
||||
optionGroup: {
|
||||
background: '{list.option.group.background}',
|
||||
color: '{list.option.group.color}'
|
||||
},
|
||||
dropdown: {
|
||||
width: '2.5rem',
|
||||
borderColor: '{form.field.border.color}',
|
||||
hoverBorderColor: '{form.field.border.color}',
|
||||
activeBorderColor: '{form.field.border.color}',
|
||||
background: '{button.secondary.background}',
|
||||
hoverBackground: '{button.secondary.hover.background}',
|
||||
activeBackground: '{button.secondary.active.background}',
|
||||
color: '{button.secondary.color}',
|
||||
hoverColor: '{button.secondary.hover.color}',
|
||||
activeColor: '{button.secondary.active.color}'
|
||||
}
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue