Backport pull request #5589 from jellyfin-web/release-10.9.z

Add support for user themes for mui components

Original-merge: 61976b8101

Merged-by: thornbill <thornbill@users.noreply.github.com>

Backported-by: Joshua M. Boniface <joshua@boniface.me>

src/themes/appletv/index.ts

@@ -0,0 +1,27 @@
+import createTheme, { type ThemeOptions } from '@mui/material/styles/createTheme';
+import merge from 'lodash-es/merge';
+
+import { DEFAULT_THEME_OPTIONS } from 'themes/defaults';
+
+const themeOptions: ThemeOptions = {
+    palette: {
+        mode: 'light',
+        background: {
+            default: '#d5e9f2',
+            paper: '#fff'
+        }
+    },
+    components: {
+        MuiAppBar: {
+            styleOverrides: {
+                colorPrimary: {
+                    backgroundColor: '#bcbcbc'
+                }
+            }
+        }
+    }
+};
+
+const theme = createTheme(merge({}, DEFAULT_THEME_OPTIONS, themeOptions));
+
+export default theme;