diff --git a/web/apps/photos/src/components/PhotoViewer/index.tsx b/web/apps/photos/src/components/PhotoViewer/index.tsx index d61b896ffc..973f538ab2 100644 --- a/web/apps/photos/src/components/PhotoViewer/index.tsx +++ b/web/apps/photos/src/components/PhotoViewer/index.tsx @@ -990,7 +990,7 @@ const CaptionContainer = styled("div")(({ theme }) => ({ fontSize: "14px", lineHeight: "17px", backgroundColor: theme.colors.backdrop.faint, - backdropFilter: `blur(${theme.colors.blur.base})`, + backdropFilter: "blur(96px)", })); const CircularProgressWithLabel: React.FC< diff --git a/web/packages/new/photos/components/PlanSelector.tsx b/web/packages/new/photos/components/PlanSelector.tsx index 4d76cf5160..19da83da7e 100644 --- a/web/packages/new/photos/components/PlanSelector.tsx +++ b/web/packages/new/photos/components/PlanSelector.tsx @@ -625,7 +625,7 @@ const Badge = styled("div")(({ theme }) => ({ borderRadius: theme.shape.borderRadius, padding: "2px 4px", backgroundColor: theme.colors.black.muted, - backdropFilter: `blur(${theme.colors.blur.muted})`, + backdropFilter: "blur(48px)", color: theme.colors.white.base, textTransform: "uppercase", ...theme.typography.mini, diff --git a/web/packages/shared/themes/colors.ts b/web/packages/shared/themes/colors.ts index 2a6d353ca7..0825dc71aa 100644 --- a/web/packages/shared/themes/colors.ts +++ b/web/packages/shared/themes/colors.ts @@ -49,12 +49,6 @@ const commonFixedColors: Partial> = A500: "#FF6565", A400: "#FF6F6F", }, - blur: { - base: 96, - muted: 48, - faint: 24, - }, - white: { base: "#fff", muted: "rgba(255, 255, 255, 0.48)" }, black: { base: "#000", muted: "rgba(0, 0, 0, 0.65)" }, }; diff --git a/web/packages/shared/themes/mui-theme.d.ts b/web/packages/shared/themes/mui-theme.d.ts index 5381d33eb6..6eee1e1172 100644 --- a/web/packages/shared/themes/mui-theme.d.ts +++ b/web/packages/shared/themes/mui-theme.d.ts @@ -113,7 +113,6 @@ declare module "@mui/material/styles" { accent: ColorStrength; warning: ColorStrength; danger: ColorStrength; - blur: BlurStrength; white: Omit; black: Omit; } @@ -128,7 +127,6 @@ declare module "@mui/material/styles" { accent?: Partial; warning?: Partial; danger?: Partial; - blur?: Partial; white?: Partial>; black?: Partial>; } @@ -145,7 +143,6 @@ declare module "@mui/material/styles" { accent: string; warning: string; danger: string; - blur: number; white: string; black: string; } @@ -179,11 +176,6 @@ declare module "@mui/material/styles" { blur: number; color: string; } - - interface BlurStrength { - base: number; - muted: number; - faint: number; - } } + export {};