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/hooks/useThemes.ts

@@ -0,0 +1,16 @@
+import { useMemo } from 'react';
+
+import { useWebConfig } from './useWebConfig';
+
+export function useThemes() {
+    const { themes } = useWebConfig();
+
+    const defaultTheme = useMemo(() => {
+        return themes?.find(theme => theme.default);
+    }, [ themes ]);
+
+    return {
+        themes: themes || [],
+        defaultTheme
+    };
+}