Change button colors

This commit is contained in:
Rankin Zheng 2023-09-13 20:47:22 +08:00 committed by bobo.yang
parent e540c63ad8
commit cf56658ab6

View File

@ -273,15 +273,23 @@ const InputMessage = observer((props: any) => {
const buttonStyles = {
root: {
color: 'var(--vscode-menu-foreground)',
backgroundColor: 'var(---vscode-menu-background)',
color: 'var(--vscode-dropdown-foreground)',
borderColor:'var(--vscode-dropdown-border)',
backgroundColor: 'var(--vscode-dropdown-background)',
'&:hover':{
color:'var(---vscode-menu-activeForeground)',
backgroundColor: 'var(---vscode-menu-activeBackground)'
color: 'var(--vscode-dropdown-foreground)',
borderColor:'var(--vscode-dropdown-border)',
backgroundColor: 'var(--vscode-dropdown-background)'
}
}
};
const actionStyles={
color: 'var(--vscode-dropdown-foreground)',
borderColor:'var(--vscode-dropdown-border)',
backgroundColor: 'var(--vscode-dropdown-background)'
};
return (
<Stack
spacing={0}
@ -307,6 +315,7 @@ const InputMessage = observer((props: any) => {
radius="xl"
variant="default"
disabled={generating}
style={actionStyles}
>
<IconTextPlus size="1rem" />
</ActionIcon>
@ -438,11 +447,9 @@ const InputMessage = observer((props: any) => {
variant="default"
disabled={generating}
onClick={openDrawer}
style={actionStyles}
sx={{
pointerEvents: 'all',
'&:hover': {
backgroundColor: 'var(--vscode-toolbar-activeBackground)'
},
'&[data-disabled]': {
borderColor: 'var(--vscode-input-border)',
backgroundColor: 'var(--vscode-toolbar-activeBackground)'