From d64220e7c62cf05c023c190241cced978cff7bc4 Mon Sep 17 00:00:00 2001 From: Eugene Chybisov Date: Fri, 9 Jun 2023 13:36:07 +0200 Subject: [PATCH] fix: make button gray in loading state --- packages/widget/src/config/theme.ts | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/packages/widget/src/config/theme.ts b/packages/widget/src/config/theme.ts index b40444a18..b79e79e45 100644 --- a/packages/widget/src/config/theme.ts +++ b/packages/widget/src/config/theme.ts @@ -215,13 +215,16 @@ export const createTheme = (mode: PaletteMode, theme: ThemeConfig = {}) => { pointerEvents: 'auto', }, [`&.${loadingButtonClasses.loading}.Mui-disabled`]: { - backgroundColor: primaryMainColor, - color: contrastButtonColor, - cursor: 'auto', - pointerEvents: 'auto', + color: + mode === 'light' + ? alpha(common.black, 0.56) + : alpha(common.white, 0.56), }, [`.${loadingButtonClasses.loadingIndicator}`]: { - color: contrastButtonColor, + color: + mode === 'light' + ? alpha(common.black, 0.56) + : alpha(common.white, 0.56), }, [`&.${loadingButtonClasses.root}.${loadingButtonClasses.loading}`]: {