override Input, Select components styles (#8)
This commit is contained in:
parent
ab40b587ba
commit
11fe40b86d
@ -37,6 +37,44 @@ const overrides = {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
components: {
|
||||||
|
Input: {
|
||||||
|
variants: {
|
||||||
|
filled: {
|
||||||
|
field: {
|
||||||
|
borderRadius: 12,
|
||||||
|
bgColor: 'primary.50',
|
||||||
|
color: 'primary.600',
|
||||||
|
_hover: {
|
||||||
|
borderColor: 'primary.100',
|
||||||
|
bgColor: 'primary.50',
|
||||||
|
},
|
||||||
|
_focus: {
|
||||||
|
borderColor: 'primary.200',
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Select: {
|
||||||
|
variants: {
|
||||||
|
filled: {
|
||||||
|
field: {
|
||||||
|
borderRadius: 12,
|
||||||
|
bgColor: 'primary.50',
|
||||||
|
color: 'primary.600',
|
||||||
|
_hover: {
|
||||||
|
borderColor: 'primary.100',
|
||||||
|
bgColor: 'primary.50',
|
||||||
|
},
|
||||||
|
_focus: {
|
||||||
|
borderColor: 'primary.200',
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
export default extendTheme(overrides);
|
export default extendTheme(overrides);
|
Loading…
Reference in New Issue
Block a user