primevue-mirror/components/lib/themes/aura/togglebutton/index.js

45 lines
1.7 KiB
JavaScript

export default {
colorScheme: {
light: {
root: {
background: '{surface.100}',
checkedBackground: '{surface.0}',
disabledBackground: '{form.field.disabled.background}',
borderColor: '{surface.100}',
disabledBorderColor: '{form.field.disabled.background}',
invalidBorderColor: '{form.field.invalid.border.color}',
color: '{surface.500}',
hoverColor: '{surface.700}',
checkedColor: '{surface.900}',
disabledColor: '{form.field.disabled.color}'
},
icon: {
color: '{surface.500}',
hoverColor: '{surface.700}',
checkedColor: '{surface.900}',
disabledColor: '{form.field.disabled.color}'
}
},
dark: {
root: {
background: '{surface.950}',
checkedBackground: '{surface.800}',
disabledBackground: '{form.field.disabled.background}',
borderColor: '{surface.950}',
disabledBorderColor: '{form.field.disabled.background}',
invalidBorderColor: '{form.field.invalid.border.color}',
color: '{surface.400}',
hoverColor: '{surface.300}',
checkedColor: '{surface.0}',
disabledColor: '{form.field.disabled.color}'
},
icon: {
color: '{surface.400}',
hoverColor: '{surface.300}',
checkedColor: '{surface.0}',
disabledColor: '{form.field.disabled.color}'
}
}
}
};