From e8f11effe70dbf5dc0e9a4e7b4167e9952f2cf3b Mon Sep 17 00:00:00 2001 From: Manav Rathi Date: Tue, 14 Jan 2025 11:57:51 +0530 Subject: [PATCH] Cleanup --- web/packages/base/components/utils/theme.ts | 70 --------------------- 1 file changed, 70 deletions(-) diff --git a/web/packages/base/components/utils/theme.ts b/web/packages/base/components/utils/theme.ts index 3ef3c644df..70273a26a2 100644 --- a/web/packages/base/components/utils/theme.ts +++ b/web/packages/base/components/utils/theme.ts @@ -6,7 +6,6 @@ import type { FixedColors, PaletteOptions, - Shadow, ThemeColorsOptions, } from "@mui/material"; import { createTheme } from "@mui/material"; @@ -226,32 +225,6 @@ const lightThemeColors: Omit = { menu: "0px 0px 6px rgba(0, 0, 0, 0.16), 0px 3px 6px rgba(0, 0, 0, 0.12)", button: "0px 4px 4px rgba(0, 0, 0, 0.25)", }, - - shadows: { - float: [{ x: 0, y: 0, blur: 10, color: "rgba(0, 0, 0, 0.25)" }], - menu: [ - { - x: 0, - y: 0, - blur: 6, - color: "rgba(0, 0, 0, 0.16)", - }, - { - x: 0, - y: 3, - blur: 6, - color: "rgba(0, 0, 0, 0.12)", - }, - ], - button: [ - { - x: 0, - y: 4, - blur: 4, - color: "rgba(0, 0, 0, 0.25)", - }, - ], - }, }; const darkThemeColors: Omit = { @@ -290,39 +263,6 @@ const darkThemeColors: Omit = { menu: "0px 0px 6px rgba(0, 0, 0, 0.50), 0px 3px 6px rgba(0, 0, 0, 0.25)", button: "0px 4px 4px rgba(0, 0, 0, 0.75)", }, - - shadows: { - float: [ - { - x: 0, - y: 2, - blur: 12, - color: "rgba(0, 0, 0, 0.75)", - }, - ], - menu: [ - { - x: 0, - y: 0, - blur: 6, - color: "rgba(0, 0, 0, 0.50)", - }, - { - x: 0, - y: 3, - blur: 6, - color: "rgba(0, 0, 0, 0.25)", - }, - ], - button: [ - { - x: 0, - y: 4, - blur: 4, - color: "rgba(0, 0, 0, 0.75)", - }, - ], - }, }; const getPallette = ( @@ -544,7 +484,6 @@ const getComponents = ( }, "& .MuiDialog-paper": { boxShadow: palette.boxShadow?.float, - // filter: getDropShadowStyle(colors.shadows?.float), }, // Reset the MUI default paddings to 16px everywhere. // @@ -726,15 +665,6 @@ const getComponents = ( }, }); -const getDropShadowStyle = (shadows: Shadow[] | undefined) => { - return (shadows ?? []) - .map( - (shadow) => - `drop-shadow(${shadow.x}px ${shadow.y}px ${shadow.blur}px ${shadow.color})`, - ) - .join(" "); -}; - interface IconColorableOwnerState { color?: string; disabled?: boolean;