feat(docs, ui): restructure frontend documentation & introduce Vision directories for modularity

- 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>
2026-03-24 09:59:59 +01:00
parent e1514cfbce
commit 5a545182f2
155 changed files with 13832 additions and 0 deletions
@@ -0,0 +1,74 @@
+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>
+  );
+}