From 245fed5f81c22db06b3b75a5a530bdbe475ce30d Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Wed, 25 Mar 2026 12:57:34 +0100
Subject: [PATCH] fix: match event font to task font (family, size, weight)

Calendar events now use --weekly-task-font, --weekly-task-size,
and --weekly-task-weight instead of separate event font variables,
so events and tasks always look consistent.

v1.74.5

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 package.json        |  2 +-
 src/app/globals.css | 30 ++++++++++++++++--------------
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/package.json b/package.json
index a772660..8cb054d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.74.4",
+  "version": "1.74.5",
   "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
   "main": "index.js",
   "scripts": {
diff --git a/src/app/globals.css b/src/app/globals.css
index aceaa2a..8a8b535 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -2508,7 +2508,9 @@ h3 {
 
 .weekly-calendar-event-title {
   color: var(--weekly-text);
-  font-family: var(--weekly-font);
+  font-family: var(--weekly-task-font, var(--weekly-font));
+  font-size: var(--weekly-task-size, 0.9rem);
+  font-weight: var(--weekly-task-weight, 400);
 }
 
 /* Drag and Drop States */
@@ -3039,9 +3041,9 @@ h3 {
 }
 
 .event-title {
-  font-weight: var(--weekly-event-weight, 600);
-  font-size: var(--weekly-event-size, 0.85rem);
-  font-family: var(--weekly-event-font, var(--weekly-font));
+  font-weight: var(--weekly-task-weight, 400);
+  font-size: var(--weekly-task-size, 0.9rem);
+  font-family: var(--weekly-task-font, var(--weekly-font));
 }
 
 .time-slot-event .event-title {
@@ -3049,15 +3051,15 @@ h3 {
   text-overflow: ellipsis;
   white-space: nowrap;
   flex: 1;
-  font-weight: var(--weekly-event-weight, 500);
-  font-family: var(--weekly-event-font, var(--weekly-font));
-  font-size: var(--weekly-event-size, 0.85rem);
+  font-weight: var(--weekly-task-weight, 400);
+  font-family: var(--weekly-task-font, var(--weekly-font));
+  font-size: var(--weekly-task-size, 0.9rem);
 }
 
 .time-slot-event .event-time-row {
   font-size: 0.75rem;
   opacity: 0.9;
-  font-family: var(--weekly-event-font, var(--weekly-font));
+  font-family: var(--weekly-task-font, var(--weekly-font));
 }
 
 .time-slot-event:hover {
@@ -4121,20 +4123,20 @@ h3 {
 }
 
 .event-title {
-  font-family: var(--weekly-event-font);
-  font-weight: var(--weekly-event-weight);
-  font-size: var(--weekly-event-size);
-  line-height: 1.2; 
+  font-family: var(--weekly-task-font, var(--weekly-font));
+  font-weight: var(--weekly-task-weight, 400);
+  font-size: var(--weekly-task-size, 0.9rem);
+  line-height: 1.2;
 }
 
 .event-time-row {
-  font-family: var(--weekly-event-font);
+  font-family: var(--weekly-task-font, var(--weekly-font));
   font-size: 0.7rem;
   opacity: 0.9;
 }
 
 .event-location-row {
-  font-family: var(--weekly-event-font);
+  font-family: var(--weekly-task-font, var(--weekly-font));
   font-size: 0.65rem;
   opacity: 0.7;
   white-space: nowrap;