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