From 9b7d634c82c9ccc30f3e2545f276bdcb67c109c8 Mon Sep 17 00:00:00 2001 From: Navya Govind Date: Thu, 11 Apr 2024 17:55:17 +0200 Subject: [PATCH] fix: scrollbars change colours when hovering Signed-off-by: Navya Govind --- packages/theme/src/v5/defaultComponentThemes.ts | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/packages/theme/src/v5/defaultComponentThemes.ts b/packages/theme/src/v5/defaultComponentThemes.ts index fe8b986ac2..55547a191c 100644 --- a/packages/theme/src/v5/defaultComponentThemes.ts +++ b/packages/theme/src/v5/defaultComponentThemes.ts @@ -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',