From 23712e6bd3b731fcf982cfddbad63ecccc5a76c7 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Wed, 5 Feb 2025 11:35:07 +0530
Subject: [PATCH] Fix cast theme

---
 web/apps/cast/src/pages/_app.tsx            | 4 ++--
 web/packages/base/components/utils/theme.ts | 7 +++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/web/apps/cast/src/pages/_app.tsx b/web/apps/cast/src/pages/_app.tsx
index 5c35cc9065..61c0af1341 100644
--- a/web/apps/cast/src/pages/_app.tsx
+++ b/web/apps/cast/src/pages/_app.tsx
@@ -1,7 +1,7 @@
 import { staticAppTitle } from "@/base/app";
 import { CustomHead } from "@/base/components/Head";
 import { useSetupLogs } from "@/base/components/utils/hooks-app";
-import { photosTheme } from "@/base/components/utils/theme";
+import { castTheme } from "@/base/components/utils/theme";
 import "@fontsource-variable/inter";
 import { CssBaseline, ThemeProvider } from "@mui/material";
 import type { AppProps } from "next/app";
@@ -14,7 +14,7 @@ const App: React.FC<AppProps> = ({ Component, pageProps }) => {
         <>
             <CustomHead title={staticAppTitle} />
 
-            <ThemeProvider theme={photosTheme}>
+            <ThemeProvider theme={castTheme}>
                 <CssBaseline enableColorScheme />
                 <Component {...pageProps} />
             </ThemeProvider>
diff --git a/web/packages/base/components/utils/theme.ts b/web/packages/base/components/utils/theme.ts
index a69da9694e..1e511b4ac7 100644
--- a/web/packages/base/components/utils/theme.ts
+++ b/web/packages/base/components/utils/theme.ts
@@ -786,3 +786,10 @@ export const photosTheme = getTheme("photos");
  * The MUI {@link Theme} to use for the auth app.
  */
 export const authTheme = getTheme("auth");
+
+/**
+ * The MUI {@link Theme} to use for the cast app.
+ *
+ * This is the same as the dark theme for the photos app.
+ */
+export const castTheme = getTheme("cast");