test commit
This commit is contained in:
@@ -24,97 +24,135 @@ function AppThemeInner({ children }: PropsWithChildren) {
|
||||
case 'forest':
|
||||
return {
|
||||
...common,
|
||||
primary: { main: isDark ? '#4CAF50' : '#2E7D32' },
|
||||
secondary: { main: isDark ? '#A1887F' : '#6D4C41' },
|
||||
info: { main: isDark ? '#29B6F6' : '#0288D1' },
|
||||
success: { main: isDark ? '#66BB6A' : '#2E7D32' },
|
||||
warning: { main: isDark ? '#FFB74D' : '#ED6C02' },
|
||||
error: { main: isDark ? '#EF5350' : '#D32F2F' },
|
||||
divider: isDark ? 'rgba(255,255,255,0.10)' : 'rgba(0,0,0,0.10)',
|
||||
primary: { main: isDark ? '#8FBC8F' : '#2E8B57' },
|
||||
secondary: { main: isDark ? '#CD853F' : '#8B4513' },
|
||||
info: { main: isDark ? '#4682B4' : '#1E90FF' },
|
||||
success: { main: isDark ? '#90EE90' : '#32CD32' },
|
||||
warning: { main: isDark ? '#FFD700' : '#FFA500' },
|
||||
error: { main: isDark ? '#F08080' : '#CD5C5C' },
|
||||
divider: isDark ? 'rgba(255,255,255,0.12)' : 'rgba(0,0,0,0.08)',
|
||||
text,
|
||||
chip,
|
||||
background: isDark
|
||||
? { default: '#0E1510', paper: '#121B14' }
|
||||
: { default: '#F6FAF6', paper: '#FFFFFF' },
|
||||
? { default: '#0F1720', paper: '#1A242E' }
|
||||
: { default: '#F8F6F3', paper: '#FFFFFF' },
|
||||
}
|
||||
case 'ocean':
|
||||
return {
|
||||
...common,
|
||||
primary: { main: isDark ? '#42A5F5' : '#1565C0' },
|
||||
secondary: { main: isDark ? '#4DD0E1' : '#00838F' },
|
||||
info: { main: isDark ? '#4FC3F7' : '#0288D1' },
|
||||
success: { main: isDark ? '#26C6DA' : '#00838F' },
|
||||
warning: { main: isDark ? '#FFCC80' : '#ED6C02' },
|
||||
error: { main: isDark ? '#EF5350' : '#D32F2F' },
|
||||
divider: isDark ? 'rgba(255,255,255,0.10)' : 'rgba(0,0,0,0.10)',
|
||||
primary: { main: isDark ? '#5F9EA0' : '#20B2AA' },
|
||||
secondary: { main: isDark ? '#7B68EE' : '#6A5ACD' },
|
||||
info: { main: isDark ? '#87CEEB' : '#00BFFF' },
|
||||
success: { main: isDark ? '#98FB98' : '#00FA9A' },
|
||||
warning: { main: isDark ? '#FFE4B5' : '#FFDAB9' },
|
||||
error: { main: isDark ? '#FF6347' : '#FF4500' },
|
||||
divider: isDark ? 'rgba(255,255,255,0.12)' : 'rgba(0,0,0,0.08)',
|
||||
text,
|
||||
chip,
|
||||
background: isDark
|
||||
? { default: '#0B1220', paper: '#0F172A' }
|
||||
: { default: '#F6FAFF', paper: '#FFFFFF' },
|
||||
? { default: '#0A1A2A', paper: '#0F1D35' }
|
||||
: { default: '#F0F8FF', paper: '#FFFFFF' },
|
||||
}
|
||||
case 'berry':
|
||||
return {
|
||||
...common,
|
||||
primary: { main: isDark ? '#BA68C8' : '#7B1FA2' },
|
||||
secondary: { main: isDark ? '#F06292' : '#C2185B' },
|
||||
info: { main: isDark ? '#64B5F6' : '#1976D2' },
|
||||
success: { main: isDark ? '#81C784' : '#2E7D32' },
|
||||
warning: { main: isDark ? '#FFB74D' : '#ED6C02' },
|
||||
error: { main: isDark ? '#EF5350' : '#D32F2F' },
|
||||
divider: isDark ? 'rgba(255,255,255,0.10)' : 'rgba(0,0,0,0.10)',
|
||||
primary: { main: isDark ? '#9370DB' : '#8A2BE2' },
|
||||
secondary: { main: isDark ? '#FF69B4' : '#FF1493' },
|
||||
info: { main: isDark ? '#00CED1' : '#00BFFF' },
|
||||
success: { main: isDark ? '#00FF7F' : '#7CFC00' },
|
||||
warning: { main: isDark ? '#FFD700' : '#FFA500' },
|
||||
error: { main: isDark ? '#FF4500' : '#FF6347' },
|
||||
divider: isDark ? 'rgba(255,255,255,0.12)' : 'rgba(0,0,0,0.08)',
|
||||
text,
|
||||
chip,
|
||||
background: isDark
|
||||
? { default: '#140A17', paper: '#1B0F20' }
|
||||
: { default: '#FFF7FD', paper: '#FFFFFF' },
|
||||
? { default: '#1A0A1A', paper: '#250E25' }
|
||||
: { default: '#FFF0F5', paper: '#FFFFFF' },
|
||||
}
|
||||
case 'craft':
|
||||
default:
|
||||
return {
|
||||
...common,
|
||||
primary: { main: isDark ? '#BCAAA4' : '#6D4C41' },
|
||||
secondary: { main: isDark ? '#FFCCBC' : '#8D6E63' },
|
||||
info: { main: isDark ? '#90CAF9' : '#1976D2' },
|
||||
success: { main: isDark ? '#A5D6A7' : '#2E7D32' },
|
||||
warning: { main: isDark ? '#FFB74D' : '#ED6C02' },
|
||||
error: { main: isDark ? '#EF9A9A' : '#D32F2F' },
|
||||
divider: isDark ? 'rgba(255,255,255,0.10)' : 'rgba(0,0,0,0.10)',
|
||||
primary: { main: isDark ? '#A0522D' : '#8B4513' },
|
||||
secondary: { main: isDark ? '#D2B48C' : '#DEB887' },
|
||||
info: { main: isDark ? '#6495ED' : '#4169E1' },
|
||||
success: { main: isDark ? '#9ACD32' : '#6B8E23' },
|
||||
warning: { main: isDark ? '#F4A460' : '#CD853F' },
|
||||
error: { main: isDark ? '#DC143C' : '#B22222' },
|
||||
divider: isDark ? 'rgba(255,255,255,0.12)' : 'rgba(0,0,0,0.08)',
|
||||
text,
|
||||
chip,
|
||||
background: isDark
|
||||
? { default: '#12100F', paper: '#191615' }
|
||||
: { default: '#FAF8F5', paper: '#FFFFFF' },
|
||||
? { default: '#1A1410', paper: '#251E17' }
|
||||
: { default: '#FAF9F6', paper: '#FFFFFF' },
|
||||
}
|
||||
}
|
||||
})(),
|
||||
shape: { borderRadius: 12 },
|
||||
typography: {
|
||||
fontFamily: '"Segoe UI", system-ui, sans-serif',
|
||||
h4: { fontWeight: 700 },
|
||||
h5: { fontWeight: 600 },
|
||||
fontFamily: '"Outfit", "Segoe UI", system-ui, sans-serif',
|
||||
h4: { fontWeight: 700, letterSpacing: '-0.5px' },
|
||||
h5: { fontWeight: 600, letterSpacing: '-0.25px' },
|
||||
h6: { fontWeight: 600 },
|
||||
subtitle1: { fontWeight: 600 },
|
||||
subtitle2: { fontWeight: 500 },
|
||||
body1: { fontSize: '0.875rem' },
|
||||
body2: { fontSize: '0.75rem' },
|
||||
button: { textTransform: 'none', fontWeight: 600 },
|
||||
},
|
||||
components: {
|
||||
MuiButton: {
|
||||
styleOverrides: {
|
||||
root: { textTransform: 'none', borderRadius: 12, fontWeight: 600 },
|
||||
root: {
|
||||
textTransform: 'none',
|
||||
borderRadius: 12,
|
||||
fontWeight: 600,
|
||||
transition: 'all 0.2s ease-in-out',
|
||||
},
|
||||
contained: {
|
||||
boxShadow: '0 4px 14px 0 rgba(0,0,0,0.15)',
|
||||
'&:hover': {
|
||||
boxShadow: '0 6px 20px 0 rgba(0,0,0,0.25)',
|
||||
transform: 'translateY(-1px)',
|
||||
transform: 'translateY(-2px)',
|
||||
},
|
||||
'&:active': {
|
||||
boxShadow: '0 2px 8px 0 rgba(0,0,0,0.15)',
|
||||
transform: 'translateY(0)',
|
||||
},
|
||||
},
|
||||
outlined: {
|
||||
'&:hover': { boxShadow: '0 2px 8px 0 rgba(0,0,0,0.1)' },
|
||||
border: '1px solid',
|
||||
'&:hover': {
|
||||
boxShadow: '0 2px 8px 0 rgba(0,0,0,0.1)',
|
||||
borderWidth: '2px',
|
||||
},
|
||||
'&:active': {
|
||||
boxShadow: 'none',
|
||||
},
|
||||
},
|
||||
text: {
|
||||
'&:hover': {
|
||||
boxShadow: '0 1px 3px 0 rgba(0,0,0,0.1)',
|
||||
backgroundColor: 'action.hover',
|
||||
},
|
||||
'&:active': {
|
||||
backgroundColor: 'action.selected',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
MuiIconButton: {
|
||||
styleOverrides: {
|
||||
root: {
|
||||
transition: 'all 0.2s ease',
|
||||
'&:hover': { transform: 'scale(1.1)' },
|
||||
transition: 'all 0.2s ease-in-out',
|
||||
'&:hover': {
|
||||
backgroundColor: 'action.hover',
|
||||
transform: 'scale(1.1)',
|
||||
},
|
||||
'&:active': {
|
||||
backgroundColor: 'action.selected',
|
||||
transform: 'scale(0.95)',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user