47 lines
1.2 KiB
TypeScript
47 lines
1.2 KiB
TypeScript
import { type Theme, alpha, type Components } from "@mui/material/styles";
|
|
import { gray, orange } from "../themePrimitives";
|
|
|
|
/* eslint-disable import/prefer-default-export */
|
|
export const feedbackCustomizations: Components<Theme> = {
|
|
MuiAlert: {
|
|
styleOverrides: {
|
|
root: ({ theme }) => ({
|
|
borderRadius: 10,
|
|
backgroundColor: orange[100],
|
|
color: (theme.vars || theme).palette.text.primary,
|
|
border: `1px solid ${alpha(orange[300], 0.5)}`,
|
|
"& .MuiAlert-icon": {
|
|
color: orange[500],
|
|
},
|
|
...theme.applyStyles("dark", {
|
|
backgroundColor: `${alpha(orange[900], 0.5)}`,
|
|
border: `1px solid ${alpha(orange[800], 0.5)}`,
|
|
}),
|
|
}),
|
|
},
|
|
},
|
|
MuiDialog: {
|
|
styleOverrides: {
|
|
root: ({ theme }) => ({
|
|
"& .MuiDialog-paper": {
|
|
borderRadius: "10px",
|
|
border: "1px solid",
|
|
borderColor: (theme.vars || theme).palette.divider,
|
|
},
|
|
}),
|
|
},
|
|
},
|
|
MuiLinearProgress: {
|
|
styleOverrides: {
|
|
root: ({ theme }) => ({
|
|
height: 8,
|
|
borderRadius: 8,
|
|
backgroundColor: gray[200],
|
|
...theme.applyStyles("dark", {
|
|
backgroundColor: gray[800],
|
|
}),
|
|
}),
|
|
},
|
|
},
|
|
};
|