stefan
5a545182f2
- Moved existing FIGMA-related files into `Vison_01` and `Vision_02` folders to better support versioning and collaboration. - Added PostCSS configuration for extending plugins in Tailwind CSS. - Introduced new style guidelines, theme configurations, and modular imports for `Vision_02`. - Documented detailed ÖTO tournament structures and parameters for CSN/CDN inclusions. - Enhanced routing and UI files for future scalability, including new `theme.tsx` and `routes.tsx`. Signed-off-by: Stefan Mogeritsch <stefan.mo.co@gmail.com>
75 lines
1.5 KiB
TypeScript
75 lines
1.5 KiB
TypeScript
import {ThemeProvider, createTheme} from '@mui/material/styles';
|
|
import CssBaseline from '@mui/material/CssBaseline';
|
|
import {NennungsMaske} from './components/NennungsMaske';
|
|
|
|
// Material Design 3 Theme mit Indigo Primärfarbe
|
|
const theme = createTheme({
|
|
palette: {
|
|
mode: 'light',
|
|
primary: {
|
|
main: '#3F51B5', // Indigo
|
|
light: '#7986CB',
|
|
dark: '#303F9F',
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
secondary: {
|
|
main: '#FF4081',
|
|
light: '#FF80AB',
|
|
dark: '#F50057',
|
|
},
|
|
error: {
|
|
main: '#F44336',
|
|
},
|
|
warning: {
|
|
main: '#FF9800',
|
|
},
|
|
success: {
|
|
main: '#4CAF50',
|
|
},
|
|
background: {
|
|
default: '#FAFAFA',
|
|
paper: '#FFFFFF',
|
|
},
|
|
},
|
|
typography: {
|
|
fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
|
|
fontSize: 13, // Kompakt für Desktop-Anwendung
|
|
},
|
|
components: {
|
|
MuiButton: {
|
|
styleOverrides: {
|
|
root: {
|
|
textTransform: 'none', // Keine ALL CAPS
|
|
borderRadius: 8,
|
|
},
|
|
},
|
|
},
|
|
MuiTextField: {
|
|
styleOverrides: {
|
|
root: {
|
|
'& .MuiInputBase-root': {
|
|
fontSize: '13px',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
MuiTableCell: {
|
|
styleOverrides: {
|
|
root: {
|
|
padding: '6px 8px', // Kompakter als Standard
|
|
fontSize: '12px',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
export default function App() {
|
|
return (
|
|
<ThemeProvider theme={theme}>
|
|
<CssBaseline/>
|
|
<NennungsMaske/>
|
|
</ThemeProvider>
|
|
);
|
|
}
|