Created the default.js theme

2024-02-15 00:54:32 +01:00 · 2024-02-15 00:54:32 +01:00 · 7351a828b4
commit 7351a828b4
parent 86c8a55cec
1 changed files with 72 additions and 0 deletions
--- a/webui/src/common/themes/default.js
+++ b/webui/src/common/themes/default.js
@ -0,0 +1,72 @@
+import { createTheme } from "@mui/material/styles";
+
+const theme = createTheme({
+    palette: {
+        mode: "dark",
+        background: {
+            default: "#27232F",
+            darker: "#1A1722",
+        },
+        primary: {
+            main: "#ce93d8",
+        }
+    },
+    components: {
+        MuiDrawer: {
+            styleOverrides: {
+                paper: {
+                    backgroundColor: '#1A1722'
+                }
+            }
+        },
+        MuiAppBar: {
+            styleOverrides: {
+                root: {
+                    backgroundColor: '#1A1722'
+                }
+            }
+        },
+        MuiMenu: {
+            styleOverrides: {
+                paper: {
+                    backgroundColor: '#1A1722'
+                }
+            }
+        },
+        MuiListItemButton: {
+            styleOverrides: {
+                root: {
+                    borderRadius: 15,
+                    margin: 4,
+                    marginLeft: 7,
+                    marginRight: 7
+                }
+            }
+        },
+        MuiCssBaseline: {
+            styleOverrides: {
+                body: {
+                    "&::-webkit-scrollbar, & *::-webkit-scrollbar": {
+                        width: 8,
+                    },
+                    "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
+                        borderRadius: 8,
+                        minHeight: 24,
+                        backgroundColor: "#34333e",
+                    },
+                    "&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover": {
+                        backgroundColor: "#3B3A4A"
+                    }
+                },
+            },
+        },
+    },
+    shape: {
+        borderRadius: 10,
+    },
+    typography: {
+        fontFamily: ["Inter", "sans-serif",].join(",")
+    }
+});
+
+export default theme;