78 lines
1.7 KiB
JavaScript
78 lines
1.7 KiB
JavaScript
// src/theme.js
|
|
import { colors } from '@mui/material';
|
|
import { createTheme } from '@mui/material/styles';
|
|
|
|
const theme = createTheme({
|
|
typography: {
|
|
fontFamily: 'Montserrat, sans-serif',
|
|
},
|
|
|
|
palette: {
|
|
text: {
|
|
primary: '#40120EFF',
|
|
},
|
|
},
|
|
|
|
components: {
|
|
MuiDataGrid: {
|
|
styleOverrides: {
|
|
row: {
|
|
'&:hover': {
|
|
backgroundColor: '#f0eae3',
|
|
},
|
|
'&.Mui-selected': {
|
|
backgroundColor: '#40120EFF',
|
|
color: '#26201A',
|
|
},
|
|
'&.Mui-selected:hover': {
|
|
backgroundColor: '#d0b9a8',
|
|
},
|
|
color: '#26201A',
|
|
},
|
|
cell: {
|
|
'&:focus-within': {
|
|
outline: '2px solid #40120EFF', // custom Fendi focus
|
|
outlineOffset: '-2px', // tighten the outline
|
|
backgroundColor: '#f5f0eb', // optional subtle highlight
|
|
},
|
|
},
|
|
},
|
|
},
|
|
MuiButton: {
|
|
styleOverrides: {
|
|
root: {
|
|
/* your current styles... */
|
|
'&:focus': {
|
|
outline: '2px solid #fff4ec',
|
|
},
|
|
'&:focusVisible': {
|
|
outline: '2px solid #fff4ec',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
MuiIconButton: {
|
|
styleOverrides: {
|
|
root: {
|
|
'&:focus, &:focus-visible': {
|
|
outline: '2px solid #fff4ec',
|
|
outlineOffset: '2px',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
MuiListItem: {
|
|
styleOverrides: {
|
|
root: {
|
|
transition: 'background-color 0.2s ease-in-out',
|
|
'&:hover': {
|
|
backgroundColor: '#fff4ec',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
|
|
}
|
|
});
|
|
|
|
export default theme; |