mirror of
https://github.com/gnmyt/LicenseAPI.git
synced 2026-01-10 10:11:47 +00:00
Create light.js theme
This commit is contained in:
97
dashboard/src/common/themes/light.js
Normal file
97
dashboard/src/common/themes/light.js
Normal file
@ -0,0 +1,97 @@
|
||||
import { createTheme } from '@mui/material/styles';
|
||||
|
||||
const theme = createTheme({
|
||||
palette: {
|
||||
primary: {
|
||||
main: '#F15732',
|
||||
dark: '#D13C0F',
|
||||
},
|
||||
|
||||
text: {
|
||||
main: '#000000',
|
||||
secondary: '#4F5660',
|
||||
},
|
||||
background: {
|
||||
default: '#FDFDFD',
|
||||
}
|
||||
},
|
||||
typography: {
|
||||
fontFamily: ["Inter", "sans-serif",].join(",")
|
||||
},
|
||||
shape: {
|
||||
borderRadius: 7,
|
||||
},
|
||||
components: {
|
||||
MuiButton: {
|
||||
styleOverrides: {
|
||||
root: {
|
||||
textTransform: 'none',
|
||||
fontWeight: 'bold',
|
||||
fontSize: '1rem',
|
||||
lineHeight: '1.5rem',
|
||||
'&.MuiButton-containedPrimary': {
|
||||
background: 'linear-gradient(45deg, #FF0401 0%, #FE6E27 100%)',
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
MuiTab: {
|
||||
styleOverrides: {
|
||||
root: {
|
||||
textTransform: 'none',
|
||||
fontSize: '1rem',
|
||||
}
|
||||
}
|
||||
},
|
||||
MuiAppBar: {
|
||||
styleOverrides: {
|
||||
root: {
|
||||
boxShadow: 'none',
|
||||
borderBottom: '1px solid #E5E5E5',
|
||||
}
|
||||
}
|
||||
},
|
||||
MuiListItem: {
|
||||
styleOverrides: {
|
||||
root: {
|
||||
paddingTop: 4,
|
||||
paddingBottom: 4,
|
||||
}
|
||||
}
|
||||
},
|
||||
MuiListItemButton: {
|
||||
styleOverrides: {
|
||||
root: {
|
||||
color: '#4F5660',
|
||||
borderRadius: 10,
|
||||
'svg': {
|
||||
fontSize: '2rem',
|
||||
},
|
||||
'&.Mui-selected': {
|
||||
background: 'linear-gradient(90deg, #FF0401 0%, #FE6E27 100%)',
|
||||
color: '#FFFFFF',
|
||||
fontWeight: 900,
|
||||
'& svg': {
|
||||
color: '#FFFFFF'
|
||||
},
|
||||
},
|
||||
'&.Mui-selected:hover': {
|
||||
color: '#FFFFFF'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
MuiListItemText: {
|
||||
styleOverrides: {
|
||||
root: {
|
||||
'& .MuiTypography-root': {
|
||||
fontSize: '1rem',
|
||||
fontWeight: 700
|
||||
},
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
export default theme;
|
||||
Reference in New Issue
Block a user