2024-05-05 20:35:38 +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-05-05 20:35:38 +00:00
|
|
|
},
|
|
|
|
colorScheme: {
|
|
|
|
light: {
|
|
|
|
button: {
|
2024-05-08 15:37:46 +00:00
|
|
|
background: '{surface.100}',
|
|
|
|
hoverBackground: '{surface.200}',
|
|
|
|
activeBackground: '{surface.300}',
|
2024-05-05 20:35:38 +00:00
|
|
|
borderColor: '{form.field.border.color}',
|
|
|
|
hoverBorderColor: '{form.field.border.color}',
|
|
|
|
activeBorderColor: '{form.field.border.color}',
|
2024-05-08 15:37:46 +00:00
|
|
|
color: '{surface.600}',
|
|
|
|
hoverColor: '{surface.700}',
|
|
|
|
activeColor: '{surface.800}'
|
2024-05-05 20:35:38 +00:00
|
|
|
}
|
|
|
|
},
|
|
|
|
dark: {
|
|
|
|
button: {
|
2024-05-08 15:37:46 +00:00
|
|
|
background: '{surface.800}',
|
|
|
|
hoverBackground: '{surface.700}',
|
|
|
|
activeBackground: '{surface.500}',
|
2024-05-05 20:35:38 +00:00
|
|
|
borderColor: '{form.field.border.color}',
|
|
|
|
hoverBorderColor: '{form.field.border.color}',
|
|
|
|
activeBorderColor: '{form.field.border.color}',
|
2024-05-08 15:37:46 +00:00
|
|
|
color: '{surface.300}',
|
|
|
|
hoverColor: '{surface.200}',
|
|
|
|
activeColor: '{surface.100}'
|
2024-05-05 20:35:38 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|