diff --git a/public/pages/dashboard.js b/public/pages/dashboard.js
index 0977a2a..f8f9415 100644
--- a/public/pages/dashboard.js
+++ b/public/pages/dashboard.js
@@ -96,7 +96,7 @@ function formatDueDate(dateStr, timeStr) {
}
if (calDayDiff === 0) {
- return { text: `${t('dashboard.dueToday')} – ${formatTime(dueDate)}`, overdue: false, soon: true };
+ return { text: timeStr ? `${t('dashboard.dueToday')} – ${formatTime(dueDate)}` : t('dashboard.dueToday'), overdue: false, soon: true };
}
if (calDayDiff === 1) {
@@ -195,7 +195,7 @@ function renderGreeting(user, stats = {}) {
${t('dashboard.todayMealChip', { title: esc(todayMealTitle) })}
`);
- let time = new Date().toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' });
+ const time = formatTime(new Date());
return `
diff --git a/public/styles/dashboard.css b/public/styles/dashboard.css
index d44ecb8..9bb6df4 100644
--- a/public/styles/dashboard.css
+++ b/public/styles/dashboard.css
@@ -118,7 +118,7 @@
@media (min-width: 1024px) {
.widget-greeting__title {
- font-size: 1.4rem;
+ font-size: var(--text-xl);
opacity: 0.85;
white-space: nowrap;
padding-top: 4px;
@@ -155,7 +155,7 @@
}
.greeting-chip--due {
- background: rgba(245, 158, 11, 0.28);
+ background: var(--color-warning-translucent);
}
/* --------------------------------------------------------
@@ -341,11 +341,6 @@
font-weight: var(--font-weight-medium);
}
-.task-item__meta--overdue {
- color: var(--color-danger);
- font-weight: var(--font-weight-medium);
-}
-
.task-item__avatar {
width: var(--space-5);
height: var(--space-5);
diff --git a/public/styles/tokens.css b/public/styles/tokens.css
index 816c051..ae0fcf4 100644
--- a/public/styles/tokens.css
+++ b/public/styles/tokens.css
@@ -220,7 +220,9 @@
--color-glass: rgba(255, 255, 255, 0.18);
--color-glass-hover: rgba(255, 255, 255, 0.3);
--color-glass-border: rgba(255, 255, 255, 0.15);
- --color-danger-translucent: rgba(255, 59, 48, 0.35);
+ --color-danger-translucent: rgba(255, 59, 48, 0.35);
+ --color-warning-translucent: rgba(245, 158, 11, 0.28);
+ --color-soon: var(--color-warning);
/* --------------------------------------------------------
* 8. Schatten