Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): mantine scrollbar theming

Browse Source
This commit is contained in:
psychedelicious 2023-06-12 22:00:36 +10:00
parent 9a77bd9140
commit 80474d26f9
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
invokeai/frontend/web/src/mantine-theme/theme.ts
View File

@ -3,4 +3,21 @@ import { MantineThemeOverride } from '@mantine/core';
export const mantineTheme: MantineThemeOverride = { export const mantineTheme: MantineThemeOverride = {
colorScheme: 'dark', colorScheme: 'dark',
fontFamily: `'InterVariable', sans-serif`, 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)',
},
},
},
},
}; };