83 lines
1.5 KiB
JavaScript
83 lines
1.5 KiB
JavaScript
/** @type {import("@mui/material").ThemeOptions} */
|
|
const baseThemeOptions = {
|
|
components: {
|
|
MuiListItemIcon: {
|
|
styleOverrides: {
|
|
root: {
|
|
minWidth: "36px",
|
|
},
|
|
},
|
|
},
|
|
MuiCardContent: {
|
|
styleOverrides: {
|
|
root: {
|
|
":last-child": {
|
|
paddingBottom: "16px",
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
|
|
// https://github.com/binwiederhier/ntfy-android/blob/main/app/src/main/res/values/colors.xml
|
|
|
|
/** @type {import("@mui/material").ThemeOptions} */
|
|
export const lightTheme = {
|
|
...baseThemeOptions,
|
|
components: {
|
|
...baseThemeOptions.components,
|
|
},
|
|
palette: {
|
|
mode: "light",
|
|
primary: {
|
|
main: "#338574",
|
|
},
|
|
secondary: {
|
|
main: "#6cead0",
|
|
},
|
|
error: {
|
|
main: "#c30000",
|
|
},
|
|
},
|
|
};
|
|
|
|
/** @type {import("@mui/material").ThemeOptions} */
|
|
export const darkTheme = {
|
|
...baseThemeOptions,
|
|
components: {
|
|
...baseThemeOptions.components,
|
|
MuiSnackbarContent: {
|
|
styleOverrides: {
|
|
root: {
|
|
color: "#000",
|
|
backgroundColor: "#aeaeae",
|
|
},
|
|
},
|
|
},
|
|
MuiPaper: {
|
|
styleOverrides: {
|
|
root: {
|
|
// for the sidebar on narrow (xs) screens
|
|
backgroundImage: "none",
|
|
},
|
|
},
|
|
},
|
|
},
|
|
palette: {
|
|
mode: "dark",
|
|
background: {
|
|
paper: "#1b2124",
|
|
},
|
|
primary: {
|
|
main: "#65b5a3",
|
|
},
|
|
secondary: {
|
|
main: "#6cead0",
|
|
},
|
|
error: {
|
|
main: "#fe4d2e",
|
|
},
|
|
},
|
|
};
|