2024-03-25 18:43:19 +00:00
|
|
|
export default {
|
|
|
|
|
button: {
|
2024-05-08 15:37:46 +00:00
|
|
|
width: '2.5rem',
|
|
|
|
|
borderRadius: '{form.field.border.radius}',
|
|
|
|
|
verticalPadding: '{form.field.padding.y}'
|
2024-03-25 18:43:19 +00:00
|
|
|
},
|
|
|
|
|
colorScheme: {
|
|
|
|
|
light: {
|
|
|
|
|
button: {
|
|
|
|
|
background: 'transparent',
|
|
|
|
|
hoverBackground: '{surface.100}',
|
|
|
|
|
activeBackground: '{surface.200}',
|
|
|
|
|
borderColor: '{form.field.border.color}',
|
|
|
|
|
hoverBorderColor: '{form.field.border.color}',
|
|
|
|
|
activeBorderColor: '{form.field.border.color}',
|
|
|
|
|
color: '{surface.400}',
|
|
|
|
|
hoverColor: '{surface.500}',
|
|
|
|
|
activeColor: '{surface.600}'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
dark: {
|
|
|
|
|
button: {
|
|
|
|
|
background: 'transparent',
|
|
|
|
|
hoverBackground: '{surface.800}',
|
|
|
|
|
activeBackground: '{surface.700}',
|
|
|
|
|
borderColor: '{form.field.border.color}',
|
|
|
|
|
hoverBorderColor: '{form.field.border.color}',
|
|
|
|
|
activeBorderColor: '{form.field.border.color}',
|
|
|
|
|
color: '{surface.400}',
|
|
|
|
|
hoverColor: '{surface.300}',
|
|
|
|
|
activeColor: '{surface.200}'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
