hnzio/mood-tracking
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 7 Wiki Activity

Tune light mode mobile dashboard

Browse Source
This commit is contained in:
Florian Heinz
2026-05-21 19:34:30 +02:00
parent 7d49dad707
commit 714198059b
1 changed files with 64 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/app.css
+64 -7
View File
@@ -4987,14 +4987,14 @@ input[type="range"] {
.ios-tabbar { .ios-tabbar {
border-color: rgba(120, 146, 172, 0.22); border-color: rgba(120, 146, 172, 0.22);
background: background:
radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.95), transparent 42%), radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.98), transparent 42%),
linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.48)), linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(235, 244, 251, 0.68)),
rgba(248, 251, 255, 0.68); rgba(234, 244, 252, 0.82);
box-shadow: 0 -18px 54px rgba(78, 105, 130, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.86); box-shadow: 0 18px 56px rgba(78, 105, 130, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.9);
} }
.ios-tabbar a { .ios-tabbar a {
color: rgba(18, 48, 75, 0.58); color: rgba(18, 48, 75, 0.66);
} }
.ios-tabbar a.active { .ios-tabbar a.active {
@@ -5005,16 +5005,73 @@ input[type="range"] {
} }
.ios-tabbar__icon { .ios-tabbar__icon {
background: rgba(18, 48, 75, 0.06); background: rgba(18, 48, 75, 0.04);
} }
.ios-tabbar__icon img { .ios-tabbar__icon img {
filter: none; filter: saturate(1.2) contrast(1.06) brightness(0.72);
opacity: 0.82;
}
.ios-tabbar a.active .ios-tabbar__icon img {
filter: brightness(0) invert(1);
opacity: 0.96;
}
.dashboard-day__hero[data-day-slider] {
border-color: rgba(92, 129, 160, 0.28);
background:
radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.78), transparent 52%),
linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(229, 239, 247, 0.54));
box-shadow: 0 18px 44px rgba(78, 105, 130, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.72);
}
.score-scale {
color: rgba(18, 48, 75, 0.58);
}
.compare-day__line.score-empty .compare-day__marker,
.compare-day.is-empty .compare-day__marker {
background: rgba(18, 48, 75, 0.28);
box-shadow: none;
}
.sleep-phase-bar {
border-color: rgba(18, 48, 75, 0.08);
background: rgba(18, 48, 75, 0.08);
}
.sleep-phase-bar__track {
fill: rgba(18, 48, 75, 0.1);
}
.sleep-phase-bar__fill {
fill: #0a84ff;
filter: drop-shadow(0 0 4px rgba(10, 132, 255, 0.28));
}
.sleep-phase-bar__target-line {
stroke: rgba(18, 48, 75, 0.48);
}
.sleep-phase-summary {
color: rgba(18, 48, 75, 0.66);
} }
.sleep-phase-legend__item { .sleep-phase-legend__item {
color: rgba(18, 48, 75, 0.9); color: rgba(18, 48, 75, 0.9);
} }
.sleep-phase-legend__item--deep { background: rgba(74, 102, 210, 0.26); }
.sleep-phase-legend__item--rem { background: rgba(128, 87, 214, 0.24); }
.sleep-phase-legend__item--core { background: rgba(60, 159, 185, 0.24); }
.timeline-card__delete .ghost-button {
border-color: rgba(255, 59, 48, 0.24);
background: rgba(255, 255, 255, 0.66);
color: #ff3b30;
box-shadow: 0 8px 22px rgba(78, 105, 130, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
} }
@media (max-width: 640px) { @media (max-width: 640px) {