-blur

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<

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,

web/packages/shared/themes/colors.ts

@@ -49,12 +49,6 @@ const commonFixedColors: Partial<Pick<ThemeColorsOptions, keyof FixedColors>> =
             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)" },
     };

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<Strength, "faint">;
         black: Omit<Strength, "faint">;
     }
@@ -128,7 +127,6 @@ declare module "@mui/material/styles" {
         accent?: Partial<ColorStrength>;
         warning?: Partial<ColorStrength>;
         danger?: Partial<ColorStrength>;
-        blur?: Partial<BlurStrength>;
         white?: Partial<Omit<Strength, "faint">>;
         black?: Partial<Omit<Strength, "faint">>;
     }
@@ -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 {};