feat(ui): mantine scrollbar theming

2024-08-30 20:32:17 +00:00 · 2023-06-12 22:00:36 +10:00 · 2023-06-12 22:00:36 +10:00 · 80474d26f9
commit 80474d26f9
parent 9a77bd9140
1 changed files with 17 additions and 0 deletions
--- 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)',
+        },
+      },
+    },
+  },
 };