primevue-mirror/components/lib/themes/lara/datatable/index.js

193 lines
5.9 KiB
JavaScript
Raw Normal View History

2024-05-05 20:35:38 +00:00
export default {
root: {
transitionDuration: '{transition.duration}'
},
2024-05-05 20:35:38 +00:00
header: {
borderColor: '{datatable.border.color}',
2024-05-12 23:28:17 +00:00
borderWidth: '1px 0 1px 0',
padding: '0.75rem 1rem',
fontWeight: '700'
2024-05-05 20:35:38 +00:00
},
headerCell: {
2024-05-12 23:28:17 +00:00
selectedBackground: '{highlight.background}',
2024-05-05 20:35:38 +00:00
borderColor: '{datatable.border.color}',
2024-05-12 23:28:17 +00:00
hoverColor: '{content.hover.color}',
selectedColor: '{highlight.color}',
gap: '0.5rem',
padding: '0.75rem 1rem',
fontWeight: '700',
focusRing: {
width: '{focus.ring.width}',
style: '{focus.ring.style}',
color: '{focus.ring.color}',
offset: '{focus.ring.offset}',
shadow: 'inset {focus.ring.shadow}'
}
2024-05-05 20:35:38 +00:00
},
row: {
background: '{content.background}',
hoverBackground: '{content.hover.background}',
2024-05-12 23:28:17 +00:00
selectedBackground: '{highlight.background}',
2024-05-05 20:35:38 +00:00
color: '{content.color}',
2024-05-12 23:28:17 +00:00
hoverColor: '{content.hover.color}',
selectedColor: '{highlight.color}',
focusRing: {
width: '{focus.ring.width}',
style: '{focus.ring.style}',
color: '{focus.ring.color}',
offset: '{focus.ring.offset}',
shadow: 'inset {focus.ring.shadow}'
}
2024-05-05 20:35:38 +00:00
},
bodyCell: {
2024-05-12 23:28:17 +00:00
borderColor: '{datatable.border.color}',
padding: '0.75rem 1rem'
2024-05-05 20:35:38 +00:00
},
footerCell: {
borderColor: '{datatable.border.color}',
2024-05-12 23:28:17 +00:00
padding: '0.75rem 1rem',
fontWeight: '700'
2024-05-05 20:35:38 +00:00
},
footer: {
borderColor: '{datatable.border.color}',
2024-05-25 08:47:16 +00:00
borderWidth: '0 0 1px 0',
2024-05-12 23:28:17 +00:00
padding: '0.75rem 1rem',
fontWeight: '700'
2024-05-05 20:35:38 +00:00
},
dropPointColor: '{primary.color}',
2024-05-12 23:28:17 +00:00
columnResizerWidth: '0.5rem',
resizeIndicator: {
width: '1px',
color: '{primary.color}'
},
2024-05-05 20:35:38 +00:00
sortIcon: {
color: '{text.muted.color}',
hoverColor: '{text.hover.muted.color}'
},
2024-05-12 23:28:17 +00:00
loadingIcon: {
size: '2rem'
},
2024-05-05 20:35:38 +00:00
rowToggleButton: {
hoverBackground: '{content.hover.background}',
2024-05-12 23:28:17 +00:00
selectedHoverBackground: '{content.background}',
2024-05-13 07:29:23 +00:00
color: '{text.muted.color}',
hoverColor: '{text.color}',
2024-05-12 23:28:17 +00:00
selectedHoverColor: '{primary.color}',
size: '1.75rem',
borderRadius: '50%',
focusRing: {
width: '{focus.ring.width}',
style: '{focus.ring.style}',
color: '{focus.ring.color}',
offset: '{focus.ring.offset}',
shadow: '{focus.ring.shadow}'
}
2024-05-05 20:35:38 +00:00
},
filter: {
2024-05-12 23:28:17 +00:00
inlineGap: '0.5rem',
overlaySelect: {
background: '{overlay.select.background}',
borderColor: '{overlay.select.border.color}',
borderRadius: '{overlay.select.border.radius}',
color: '{overlay.select.color}',
shadow: '{overlay.select.shadow}'
},
overlayPopover: {
background: '{overlay.popover.background}',
borderColor: '{overlay.popover.border.color}',
borderRadius: '{overlay.popover.border.radius}',
color: '{overlay.popover.color}',
shadow: '{overlay.popover.shadow}',
padding: '{overlay.popover.padding}',
gap: '0.5rem'
2024-05-05 20:35:38 +00:00
},
rule: {
borderColor: '{content.border.color}'
},
2024-05-12 23:28:17 +00:00
constraintList: {
padding: '{list.padding}',
gap: '{list.gap}'
},
constraint: {
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}',
2024-05-05 20:35:38 +00:00
separator: {
borderColor: '{content.border.color}'
2024-05-12 23:28:17 +00:00
},
padding: '{list.option.padding}',
borderRadius: '{list.option.border.radius}'
2024-05-05 20:35:38 +00:00
}
},
2024-05-12 23:28:17 +00:00
paginatorTop: {
borderColor: '{content.border.color}',
borderWidth: '0 0 1px 0'
},
paginatorBottom: {
borderColor: '{content.border.color}',
borderWidth: '0 0 1px 0'
},
2024-05-05 20:35:38 +00:00
colorScheme: {
light: {
root: {
borderColor: '{content.border.color}'
},
2024-05-12 23:28:17 +00:00
header: {
2024-05-13 07:34:59 +00:00
background: '{surface.50}',
2024-05-12 23:28:17 +00:00
color: '{text.color}'
},
headerCell: {
2024-05-13 07:34:59 +00:00
background: '{surface.50}',
2024-05-13 08:03:41 +00:00
hoverBackground: '{surface.100}',
2024-05-12 23:28:17 +00:00
color: '{text.color}'
},
footer: {
2024-05-13 07:34:59 +00:00
background: '{surface.50}',
2024-05-12 23:28:17 +00:00
color: '{text.color}'
},
footerCell: {
2024-05-13 07:34:59 +00:00
background: '{surface.50}',
2024-05-12 23:28:17 +00:00
color: '{text.color}'
},
2024-05-05 20:35:38 +00:00
row: {
stripedBackground: '{surface.50}'
},
bodyCell: {
selectedBorderColor: '{primary.100}'
}
},
dark: {
root: {
borderColor: '{surface.800}'
},
2024-05-12 23:28:17 +00:00
header: {
background: '{surface.800}',
color: '{text.color}'
},
headerCell: {
background: '{surface.800}',
2024-05-13 08:03:41 +00:00
hoverBackground: '{surface.700}',
2024-05-12 23:28:17 +00:00
color: '{text.color}'
},
footer: {
background: '{surface.800}',
color: '{text.color}'
},
footerCell: {
background: '{surface.800}',
color: '{text.color}'
},
2024-05-05 20:35:38 +00:00
row: {
stripedBackground: '{surface.950}'
},
bodyCell: {
selectedBorderColor: '{primary.900}'
}
}
}
};