dmolinari
5cef67a2bf
- Se implementa el testeo de prompts en el panel de admin sin activación. - Se realizan mejoras visuales en los controles.
88 lines
2.1 KiB
TypeScript
88 lines
2.1 KiB
TypeScript
import { createTheme, alpha } from '@mui/material/styles';
|
|
|
|
const theme = createTheme({
|
|
palette: {
|
|
mode: 'dark',
|
|
primary: {
|
|
main: '#7c4dff', // Deep Purple
|
|
light: '#b47cff',
|
|
dark: '#3f1dcb',
|
|
},
|
|
secondary: {
|
|
main: '#ff4081', // Pink A200
|
|
light: '#ff79b0',
|
|
dark: '#c60055',
|
|
},
|
|
background: {
|
|
default: '#121212',
|
|
paper: '#1e1e1e',
|
|
},
|
|
text: {
|
|
primary: '#ffffff',
|
|
secondary: 'rgba(255, 255, 255, 0.7)',
|
|
}
|
|
},
|
|
typography: {
|
|
fontFamily: '"Inter", "Roboto", "Helvetica", "Arial", sans-serif',
|
|
h5: {
|
|
fontWeight: 600,
|
|
},
|
|
h4: {
|
|
fontWeight: 700,
|
|
background: 'linear-gradient(45deg, #7c4dff 30%, #ff4081 90%)',
|
|
WebkitBackgroundClip: 'text',
|
|
WebkitTextFillColor: 'transparent',
|
|
}
|
|
},
|
|
components: {
|
|
MuiCssBaseline: {
|
|
styleOverrides: {
|
|
body: {
|
|
// Optional: Background pattern or gradient
|
|
backgroundImage: 'radial-gradient(circle at 50% 50%, #1f1f1f 0%, #000000 100%)',
|
|
backgroundAttachment: 'fixed',
|
|
},
|
|
},
|
|
},
|
|
MuiPaper: {
|
|
styleOverrides: {
|
|
root: {
|
|
backgroundImage: 'none', // Remove default gradient
|
|
},
|
|
},
|
|
},
|
|
MuiCard: {
|
|
styleOverrides: {
|
|
root: {
|
|
backgroundColor: alpha('#1e1e1e', 0.6),
|
|
backdropFilter: 'blur(12px)',
|
|
border: '1px solid rgba(255, 255, 255, 0.12)',
|
|
transition: 'transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out',
|
|
'&:hover': {
|
|
transform: 'translateY(-4px)',
|
|
boxShadow: '0 8px 24px rgba(0,0,0,0.5)',
|
|
border: '1px solid rgba(124, 77, 255, 0.5)',
|
|
}
|
|
}
|
|
}
|
|
},
|
|
MuiButton: {
|
|
styleOverrides: {
|
|
root: {
|
|
textTransform: 'none',
|
|
borderRadius: 8,
|
|
fontWeight: 600,
|
|
},
|
|
contained: {
|
|
boxShadow: 'none',
|
|
'&:hover': {
|
|
boxShadow: '0 4px 12px rgba(124, 77, 255, 0.4)',
|
|
}
|
|
}
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
export default theme;
|