From 7351a828b4ab5bb3648b1d129e73fb9123e9ae03 Mon Sep 17 00:00:00 2001 From: Mathias Wagner Date: Thu, 15 Feb 2024 00:54:32 +0100 Subject: [PATCH] Created the default.js theme --- webui/src/common/themes/default.js | 72 ++++++++++++++++++++++++++++++ 1 file changed, 72 insertions(+) create mode 100644 webui/src/common/themes/default.js diff --git a/webui/src/common/themes/default.js b/webui/src/common/themes/default.js new file mode 100644 index 0000000..e3b82ba --- /dev/null +++ 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; \ No newline at end of file