Sysnaptik/mindflux
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Login-Overlay im Light-Mode lesbar (Orange-Panel statt weiss-auf-weiss)

Browse Source 
Das Overlay nutzt im Dark-Mode dunkle Surface-Toene mit Glow. Im Light-Mode
sind diese weiss -> das rechte Panel verschwand (weiss auf weiss). Per
[data-theme="light"]-Overrides bekommt es jetzt ein kraeftiges Orange-Panel
(accent-2 -> accent) mit weissem Text, Emblem und Ghost-Button. Dark-Mode
bleibt unveraendert.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
AliceDarkest
2026-06-29 19:43:14 +02:00
parent 0e4645541d
commit bf27c9ccdc
2 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/static/css/auth.css
+15
View File
@@ -110,6 +110,21 @@
}
.ghost-btn:hover { transform:translateY(-2px); background:var(--surface-2); box-shadow:0 0 22px var(--glow-s); }
/* ---- Light-Mode: Overlay als kräftiges Orange-Panel mit weißem Text ----
(im Dark-Mode ist das Overlay ein dunkles Panel mit Glow; im Light-Mode
wären die Surface-Töne weiß -> Panel verschwände. Daher hier farbig.) */
[data-theme="light"] .overlay {
background:
radial-gradient(600px 340px at 28% 6%, rgba(255,255,255,.18), transparent 60%),
linear-gradient(150deg, var(--accent-2), var(--accent) 48%);
}
[data-theme="light"] .overlay-panel { color:#fff; }
[data-theme="light"] .overlay-panel h3 { color:#fff; text-shadow:0 1px 12px rgba(0,0,0,.22); }
[data-theme="light"] .overlay-panel p { color:#fff; opacity:.96; }
[data-theme="light"] .overlay-panel .o-emblem { background:#fff; filter:drop-shadow(0 0 10px rgba(0,0,0,.25)); }
[data-theme="light"] .ghost-btn { color:#fff; border-color:rgba(255,255,255,.9); box-shadow:none; }
[data-theme="light"] .ghost-btn:hover { background:rgba(255,255,255,.18); box-shadow:none; }
.mobile-switch { display:none; text-align:center; margin-top:1.2rem; color:var(--muted); font-size:.84rem; }
.mobile-switch a { color:var(--accent); font-weight:700; text-decoration:none; cursor:pointer; }