From 80474d26f9f4bf2783e3713afe1496c4c491c0d5 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Mon, 12 Jun 2023 22:00:36 +1000
Subject: [PATCH] feat(ui): mantine scrollbar theming

---
 .../frontend/web/src/mantine-theme/theme.ts     | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

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)',
+        },
+      },
+    },
+  },
 };