mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00

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>
27 lines
649 B
TypeScript
27 lines
649 B
TypeScript
import createTheme, { type ThemeOptions } from '@mui/material/styles/createTheme';
|
|
import merge from 'lodash-es/merge';
|
|
|
|
import { DEFAULT_THEME_OPTIONS } from 'themes/defaults';
|
|
|
|
const themeOptions: ThemeOptions = {
|
|
palette: {
|
|
mode: 'light',
|
|
background: {
|
|
default: '#d5e9f2',
|
|
paper: '#fff'
|
|
}
|
|
},
|
|
components: {
|
|
MuiAppBar: {
|
|
styleOverrides: {
|
|
colorPrimary: {
|
|
backgroundColor: '#bcbcbc'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
const theme = createTheme(merge({}, DEFAULT_THEME_OPTIONS, themeOptions));
|
|
|
|
export default theme;
|