vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactored datepicker

Browse source
This commit is contained in:
Cagatay Civici 2024-05-05 20:35:03 +03:00
parent 1a4c249b97
commit 30fa452525
3 changed files with 68 additions and 143 deletions
Download patch file Download diff file Expand all files Collapse all files

171
components/lib/themes/aura/datepicker/index.js
View file

@ -1,138 +1,63 @@
export default {
root: {
background: '{content.background}',
borderColor: '{content.border.color}',
color: '{content.color}'
},
header: {
background: '{content.background}',
borderColor: '{content.border.color}',
color: '{content.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}'
},
viewMonth: {
hoverBackground: '{content.hover.background}',
color: '{content.color}',
hoverColor: '{content.hover.color}'
},
viewYear: {
hoverBackground: '{content.hover.background}',
color: '{content.color}',
hoverColor: '{content.hover.color}'
},
group: {
borderColor: '{content.border.color}'
},
date: {
hoverBackground: '{content.hover.background}',
selectedBackground: '{highlight.background}',
color: '{content.color}',
hoverColor: '{content.hover.color}',
selectedColor: '{highlight.color}'
},
buttonbar: {
borderColor: '{content.border.color}'
},
timePicker: {
borderColor: '{content.border.color}'
},
colorScheme: {
light: {
root: {
background: '{surface.0}',
borderColor: '{surface.200}',
color: '{surface.700}'
},
header: {
background: '{surface.0}',
borderColor: '{surface.200}',
color: '{surface.700}'
},
monthPicker: {
hoverBackground: '{surface.100}',
color: '{surface.700}',
hoverColor: '{surface.800}'
},
yearPicker: {
hoverBackground: '{surface.100}',
color: '{surface.700}',
hoverColor: '{surface.800}'
},
group: {
borderColor: '{surface.200}'
},
date: {
hoverBackground: '{surface.100}',
selectedBackground: '{highlight.background}',
color: '{surface.700}',
hoverColor: '{surface.800}',
selectedColor: '{highlight.color}'
},
today: {
background: '{surface.200}',
color: '{surface.900}'
},
month: {
hoverBackground: '{surface.100}',
selectedBackground: '{highlight.background}',
color: '{surface.700}',
hoverColor: '{surface.800}',
selectedColor: '{highlight.color}'
},
year: {
hoverBackground: '{surface.100}',
selectedBackground: '{highlight.background}',
color: '{surface.700}',
hoverColor: '{surface.800}',
selectedColor: '{highlight.color}'
},
buttonbar: {
borderColor: '{surface.200}'
},
timepicker: {
borderColor: '{surface.200}'
},
dropdown: {
width: '2.5rem',
background: '{surface.100}',
hoverBackground: '{surface.200}',
activeBackground: '{surface.300}',
borderColor: '{form.field.border.color}',
hoverBorderColor: '{form.field.border.color}',
activeBorderColor: '{form.field.border.color}',
color: '{surface.600}',
hoverColor: '{surface.700}',
activeColor: '{surface.800}'
}
},
dark: {
root: {
background: '{surface.900}',
borderColor: '{surface.700}',
color: '{surface.0}'
},
header: {
background: '{surface.900}',
borderColor: '{surface.700}',
color: '{surface.0}'
},
monthPicker: {
hoverBackground: '{surface.800}',
color: '{surface.0}',
hoverColor: '{surface.0}'
},
yearPicker: {
hoverBackground: '{surface.800}',
color: '{surface.0}',
hoverColor: '{surface.0}'
},
group: {
borderColor: '{surface.700}'
},
date: {
hoverBackground: '{surface.800}',
selectedBackground: '{highlight.background}',
color: '{surface.0}',
hoverColor: '{surface.0}',
selectedColor: '{highlight.color}'
},
today: {
background: '{surface.700}',
color: '{surface.0}'
},
month: {
hoverBackground: '{surface.800}',
selectedBackground: '{highlight.background}',
color: '{surface.0}',
hoverColor: '{surface.0}',
selectedColor: '{highlight.color}'
},
year: {
hoverBackground: '{surface.800}',
selectedBackground: '{highlight.background}',
color: '{surface.0}',
hoverColor: '{surface.0}',
selectedColor: '{highlight.color}'
},
buttonbar: {
borderColor: '{surface.700}'
},
timepicker: {
borderColor: '{surface.700}'
},
dropdown: {
background: '{surface.800}',
hoverBackground: '{surface.700}',
activeBackground: '{surface.600}',
borderColor: '{form.field.border.color}',
hoverBorderColor: '{form.field.border.color}',
activeBorderColor: '{form.field.border.color}',
color: '{surface.300}',
hoverColor: '{surface.200}',
activeColor: '{surface.100}'
}
}
}