mwf975_git/tippspiel
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Light Mode mit Theme-Toggle
Build & Deploy Tippspiel / build (push) Successful in 30s
Details

Browse Source 
Fügt vollständigen Light Mode hinzu – umschaltbar per ☀️/🌙-Button
im Header, Auswahl wird in localStorage persistiert.

- index.css: Light-Mode-Variablen unter [data-theme="light"], neue Tokens --border-subtle, --shadow-card, --card-shine
- App.tsx: Theme-State + useEffect setzt data-theme auf <html>
- App.module.css: Toggle-Button gestylt, Header-Background auf CSS-Var umgestellt
- Komponenten-CSS: Hardcodierte rgba-Werte auf CSS-Variablen migriert

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Ronny
2026-04-06 12:50:04 +02:00
parent 948f9800d5
commit 624e359d6f
8 changed files with 113 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/MatchCard.module.css
+2 -2
View File
@@ -175,7 +175,7 @@
/* Tipp area */
.tipRow {
border-top: 1px solid rgba(255,255,255,0.05);
border-top: 1px solid var(--border-subtle);
padding-top: 14px;
display: flex;
align-items: center;
@@ -323,7 +323,7 @@
.editBtn {
background: transparent;
border: 1px solid rgba(255,255,255,0.1);
border: 1px solid var(--border-subtle);
color: var(--text-muted);
padding: 4px 12px;
border-radius: 20px;