Replace hardcoded color with theme reference

Co-authored-by: Bill Thornton <thornbill@users.noreply.github.com>
2024-02-29 04:21:24 +03:00
parent 511f8340ef
commit bbc1860bde
3 changed files with 23 additions and 3 deletions
@@ -1,5 +1,15 @@
 import { createTheme } from '@mui/material/styles';

+declare module '@mui/material/styles' {
+  interface Palette {
+    starIcon: Palette['primary'];
+  }
+
+  interface PaletteOptions {
+    starIcon?: PaletteOptions['primary'];
+  }
+}
+
 const LIST_ICON_WIDTH = 36;

 /** The default Jellyfin app theme for mui */
@@ -18,6 +28,12 @@ const theme = createTheme({
        },
        action: {
            selectedOpacity: 0.2
+        },
+        starIcon: {
+            main: '#f2b01e' // Yellow color
+        },
+        error: {
+            main: '#cb272a' // Red color
        }
    },
    typography: {