From de483ed64e67fb358c67d8b4e0d70eec3a821402 Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Sat, 14 Mar 2026 21:51:12 +0100
Subject: [PATCH] fix: apply CW font settings to mobile header

Mobile header now uses Calendar Week (KW) font family, size, weight,
and color settings instead of hardcoded styles. Year span also uses
separate Year font settings in KW mode.

v1.33.8

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 package.json                  |  2 +-
 src/components/WeeklyView.tsx | 14 +++++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 35fbe99..b7948e9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.33.7",
+  "version": "1.33.8",
   "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/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index 88ddd73..b5324e0 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -5554,13 +5554,17 @@ export default function WeeklyView() {
                     </div>
 
                     {/* Center: Week info */}
-                    <div className="flex items-center gap-1 text-sm font-semibold" style={{ color: darkMode ? "#e5e7eb" : "#333" }}>
+                    <div className="flex items-center gap-1 text-sm" style={{
+                        fontFamily: profile.cwFontFamily || "Inter",
+                        fontWeight: Number(profile.cwFontWeight || "700"),
+                        color: adjustColorForDarkMode(profile.cwColor || (darkMode ? "#e5e7eb" : "#333333"), darkMode),
+                    }}>
                         {(isLoading || isSyncing || syncStatus === "syncing") ? (
                             <div className="weekly-spinner" title="Syncing..."></div>
                         ) : syncError ? (
                             <AlertCircle size={14} className="text-red-500" />
                         ) : null}
-                        <div className="flex flex-col items-center justify-center leading-tight" style={{ whiteSpace: "nowrap", fontSize: "0.8rem" }}>
+                        <div className="flex flex-col items-center justify-center leading-tight" style={{ whiteSpace: "nowrap", fontSize: profile.cwFontSize || "0.8rem" }}>
                             {profile.headerDisplay === "none" ? (
                                 null
                             ) : profile.headerDisplay === "date" ? (
@@ -5581,7 +5585,11 @@ export default function WeeklyView() {
                             ) : (
                                 <>
                                     <span>KW{getWeekNumber(getCWReferenceDate(getVisibleDays())).toString().padStart(2, "0")}</span>
-                                    <span>{getCWReferenceDate(getVisibleDays()).getFullYear()}</span>
+                                    <span style={{
+                                        fontFamily: profile.yearFontFamily || "Inter",
+                                        fontWeight: Number(profile.yearFontWeight || "700"),
+                                        color: adjustColorForDarkMode(profile.yearColor || "#333333", darkMode),
+                                    }}>{getCWReferenceDate(getVisibleDays()).getFullYear()}</span>
                                 </>
                             )}
                         </div>