66 lines
1.6 KiB
TypeScript
66 lines
1.6 KiB
TypeScript
import { createTheme } from '@mui/material/styles';
|
|
|
|
// Matches DIDI admin-dashboard palette (deep blue + honest teal accent)
|
|
// Dark by default — AI platform admins live in this UI all day.
|
|
export const theme = createTheme({
|
|
palette: {
|
|
mode: 'dark',
|
|
primary: { main: '#0052CC' },
|
|
secondary: { main: '#00BFA6' },
|
|
success: { main: '#28A745' },
|
|
error: { main: '#E63946' },
|
|
warning: { main: '#FF8C42' },
|
|
background: {
|
|
default: '#050510',
|
|
paper: '#0E0E1A',
|
|
},
|
|
text: {
|
|
primary: '#E8E8E8',
|
|
secondary: '#A0A0B0',
|
|
},
|
|
divider: '#1f1f2f',
|
|
},
|
|
typography: {
|
|
fontFamily: 'Inter, Roboto, Helvetica, Arial, sans-serif',
|
|
h1: { fontSize: 32, fontWeight: 700 },
|
|
h2: { fontSize: 24, fontWeight: 600 },
|
|
h3: { fontSize: 20, fontWeight: 500 },
|
|
h4: { fontSize: 16, fontWeight: 500 },
|
|
body1: { fontSize: 14 },
|
|
button: { textTransform: 'none', fontWeight: 500 },
|
|
},
|
|
shape: { borderRadius: 8 },
|
|
components: {
|
|
MuiButton: {
|
|
styleOverrides: {
|
|
root: { borderRadius: 8 },
|
|
},
|
|
},
|
|
MuiCard: {
|
|
styleOverrides: {
|
|
root: {
|
|
borderRadius: 12,
|
|
backgroundColor: '#0E0E1A',
|
|
border: '1px solid #1f1f2f',
|
|
},
|
|
},
|
|
},
|
|
MuiAppBar: {
|
|
styleOverrides: {
|
|
root: {
|
|
backgroundColor: '#0A0A14',
|
|
backgroundImage: 'none',
|
|
borderBottom: '1px solid #1f1f2f',
|
|
},
|
|
},
|
|
},
|
|
MuiDrawer: {
|
|
styleOverrides: {
|
|
paper: {
|
|
backgroundColor: '#0A0A14',
|
|
borderRight: '1px solid #1f1f2f',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
});
|