Rhino/WebAPP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI-Verbesserungen, PWA-Icons, Branding und Settings-Erweiterung

Browse Source 
Invertiertes Logo für Admin-Navbar, neue PWA-Icons, Manifest-Updates,
Tailwind-Config-Extraktion, Farb-/Namenseinstellungen im Admin-Bereich
und diverse Layout-Optimierungen.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Rhino
2026-03-02 23:49:12 +01:00
parent 4eaf2368af
commit ee89141628
30 changed files with 401 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
resources/views/components/tailwind-config.blade.php Normal file
View File

@@ -0,0 +1,115 @@
{{-- Zentrale Tailwind-Farbkonfiguration – VereinsOS --}}
<script>
tailwind.config = {
theme: {
extend: {
colors: {
blue: {
50: '#eef1f5',
100: '#d9dfe8',
200: '#b7c1d1',
300: '#8e9db3',
400: '#677a95',
500: '#4a5e7a',
600: '#2D3441',
700: '#252b36',
800: '#1e222b',
900: '#161a21',
950: '#0e1117',
},
green: {
50: '#eef4f0',
100: '#d6e7da',
200: '#afd0b8',
300: '#7fb38e',
400: '#579469',
500: '#3e7750',
600: '#305f3f',
700: '#284d34',
800: '#223e2b',
900: '#1c3324',
950: '#0e1c13',
},
red: {
50: '#f6f0f0',
100: '#eddddc',
200: '#dbbcba',
300: '#c3918e',
400: '#a86b67',
500: '#8f504b',
600: '#76403b',
700: '#613532',
800: '#502d2a',
900: '#432725',
950: '#241413',
},
yellow: {
50: '#f6f3ec',
100: '#ebe4d0',
200: '#d8c9a2',
300: '#c2a86e',
400: '#ae8e49',
500: '#99783a',
600: '#806130',
700: '#674c29',
800: '#553f26',
900: '#483523',
950: '#271c11',
},
amber: {
50: '#f7f3ec',
100: '#ede3cf',
200: '#dbc7a0',
300: '#c6a46a',
400: '#b58a43',
500: '#a07537',
600: '#875e2e',
700: '#6e4a28',
800: '#5b3d25',
900: '#4d3321',
950: '#2a1b10',
},
purple: {
50: '#f2f0f5',
100: '#e2dde9',
200: '#c7bed5',
300: '#a596ba',
400: '#84729e',
500: '#6b5a84',
600: '#57486c',
700: '#483c59',
800: '#3c334a',
900: '#332b3e',
950: '#1e1824',
},
indigo: {
50: '#eff1f6',
100: '#dbdfec',
200: '#bac2da',
300: '#939fc1',
400: '#717ea6',
500: '#57638d',
600: '#465073',
700: '#3a4260',
800: '#31394f',
900: '#2b3143',
950: '#191d28',
},
teal: {
50: '#eef3f3',
100: '#d5e5e3',
200: '#adccc8',
300: '#7eada8',
400: '#578e88',
500: '#41746e',
600: '#345d58',
700: '#2c4c48',
800: '#263f3c',
900: '#213433',
950: '#111e1d',
},
},
},
},
}
</script>