ishangsf/DeepCodeGeniusWeb-vscode
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change button colors

Browse Source
This commit is contained in:
Rankin Zheng 2023-09-13 20:47:22 +08:00 committed by bobo.yang
parent e540c63ad8
commit cf56658ab6
1 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/components/InputMessage/index.tsx
View File

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