diff --git a/invokeai/frontend/web/src/mantine-theme/theme.ts b/invokeai/frontend/web/src/mantine-theme/theme.ts index c3af591217..081b2c3457 100644 --- a/invokeai/frontend/web/src/mantine-theme/theme.ts +++ b/invokeai/frontend/web/src/mantine-theme/theme.ts @@ -3,4 +3,21 @@ import { MantineThemeOverride } from '@mantine/core'; export const mantineTheme: MantineThemeOverride = { colorScheme: 'dark', fontFamily: `'InterVariable', sans-serif`, + components: { + ScrollArea: { + defaultProps: { + scrollbarSize: 10, + }, + styles: { + scrollbar: { + '&:hover': { + backgroundColor: 'var(--invokeai-colors-baseAlpha-300)', + }, + }, + thumb: { + backgroundColor: 'var(--invokeai-colors-baseAlpha-300)', + }, + }, + }, + }, };