rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Welten: adaptive Abdunklung getrennt für oben (Banner+JETZT-Chips) und unten (Feature-Chips) — obere/untere Bildhälfte separat gemessen, SW v1131

Browse source
This commit is contained in:
rene 2026-05-29 09:31:32 +02:00
parent ac5b26f767
commit cad34711b7
7 changed files with 57 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

14
backend/static/css/components.css
View file

@ -8179,7 +8179,7 @@ svg.empty-state-icon {
/* Frosted-Glass Info-Card (oben in jeder Welt) */
.world-info-card {
background: rgba(0, 0, 0, var(--wbg-dim, 0.38));
background: rgba(0, 0, 0, var(--wbg-dim-top, 0.38));
backdrop-filter: blur(var(--wbg-blur, 18px)) saturate(1.6);
-webkit-backdrop-filter: blur(var(--wbg-blur, 18px)) saturate(1.6);
border: 1px solid var(--wborder, rgba(99, 130, 220, 0.55));
@ -8202,7 +8202,7 @@ svg.empty-state-icon {
/* Frosted-Glass Reminder-Card (für Streak, Alerts) */
.world-reminder {
background: rgba(0, 0, 0, var(--wbg-dim, 0.32));
background: rgba(0, 0, 0, var(--wbg-dim-top, 0.32));
backdrop-filter: blur(var(--wbg-blur, 12px));
-webkit-backdrop-filter: blur(var(--wbg-blur, 12px));
border: 1px solid var(--wborder, rgba(99, 130, 220, 0.55));
@ -8242,7 +8242,7 @@ svg.empty-state-icon {
/* Einzelner Chip: Frosted Glass */
.world-chip {
background: rgba(0, 0, 0, var(--wbg-dim, 0.35));
background: rgba(0, 0, 0, var(--wbg-dim-bottom, 0.35));
backdrop-filter: blur(var(--wbg-blur, 12px));
-webkit-backdrop-filter: blur(var(--wbg-blur, 12px));
border-radius: 16px;
@ -8278,8 +8278,10 @@ svg.empty-state-icon {
-webkit-box-orient: vertical;
}
/* Chip/Banner-Abdunklung + Blur: einheitlich auf allen drei Welten (reduziert) */
.world-panel { --wbg-dim: 0.14; --wbg-blur: 3px; }
/* Chip/Banner-Abdunklung + Blur. --wbg-dim-top/-bottom werden in worlds.js
adaptiv je nach Bildhelligkeit der oberen/unteren Bildhälfte gesetzt;
hier nur die Fallback-Defaults (falls JS nicht misst). */
.world-panel { --wbg-dim-top: 0.14; --wbg-dim-bottom: 0.14; --wbg-blur: 3px; }
/* Rahmenfarbe je Welt (Alpha einheitlich 0.55) — gilt für Chips + Banner oben
Gedämpfte Erdtöne: JETZT orange, HUND naturgrün, WELT blaugrau */
@ -8306,7 +8308,7 @@ svg.empty-state-icon {
.wj-chip {
flex: 1;
min-width: 0;
background: rgba(0, 0, 0, var(--wbg-dim, 0.32));
background: rgba(0, 0, 0, var(--wbg-dim-top, 0.32));
backdrop-filter: blur(var(--wbg-blur, 12px));
-webkit-backdrop-filter: blur(var(--wbg-blur, 12px));
border: 1px solid var(--wborder, rgba(99, 130, 220, 0.55));