fix: scrollbars change colours when hovering

Signed-off-by: Navya Govind <ngovind@bol.com>
2024-04-11 17:55:17 +02:00
parent f1462df39a
commit 9b7d634c82
1 changed files with 7 additions and 0 deletions
@@ -50,6 +50,13 @@ export const defaultComponentThemes: ThemeOptions['components'] = {
                ? lighten(theme.palette.textVerySubtle, 0.2)
                : darken(theme.palette.textVerySubtle, 0.2),
          },
+        '&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover':
+          {
+            backgroundColor:
+              theme.palette.mode === 'dark'
+                ? lighten(theme.palette.textVerySubtle, 0.2)
+                : darken(theme.palette.textVerySubtle, 0.2),
+          },
      },
      a: {
        color: 'inherit',