primevue-mirror/components/lib/themes/primeone/presets/aura/calendar/index.js

137 lines
4.5 KiB
JavaScript

export default {
colorScheme: {
light: {
root: {
background: '{surface.0}',
borderColor: '{surface.200}',
color: '{surface.700}'
},
header: {
background: '{surface.0}',
borderColor: '{surface.200}',
color: '{surface.700}'
},
navigator: {
hoverBackground: '{surface.100}',
color: '{surface.500}',
hoverColor: '{surface.600}'
},
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}'
},
timepickerSpin: {
hoverBackground: '{surface.100}',
color: '{surface.500}',
hoverColor: '{surface.600}'
}
},
dark: {
root: {
background: '{surface.900}',
borderColor: '{surface.700}',
color: '{surface.0}'
},
header: {
background: '{surface.900}',
borderColor: '{surface.700}',
color: '{surface.0}'
},
navigator: {
hoverBackground: '{surface.800}',
color: '{surface.400}',
hoverColor: '{surface.300}'
},
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}'
},
timepickerSpin: {
hoverBackground: '{surface.800}',
color: '{surface.400}',
hoverColor: '{surface.300}'
}
}
}
};