From 155c9881bdfe2b0753072eb3a41b87b3deff72c1 Mon Sep 17 00:00:00 2001 From: mARTin-B78 Date: Sun, 6 Sep 2026 18:25:12 +0200 Subject: [PATCH] fix: improve calendar event text contrast Event titles were coloured with color-mix(... 78%, black), which stayed so close to the event's own colour that it barely separated from the tinted background. Mixing 30% of the colour into a dark slate keeps the calendar colour recognisable while making the text properly legible. v1.116.4 Co-Authored-By: Claude Opus 5 --- CHANGELOG.md | 5 +++++ package-lock.json | 4 ++-- package.json | 2 +- src/components/WeeklyView.tsx | 4 ++-- 4 files changed, 10 insertions(+), 5 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 96c0011..e2cb817 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,11 @@ All notable changes to this project are documented in this file. +## [1.116.4] - 2026-09-06 + +### Fixed +- Improved calendar event text contrast while retaining the calendar-colored background. + ## [1.116.3] - 2026-09-05 ### Added diff --git a/package-lock.json b/package-lock.json index aa3bb03..479fc59 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "my-weekly-todo-list", - "version": "1.116.3", + "version": "1.116.4", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "my-weekly-todo-list", - "version": "1.116.3", + "version": "1.116.4", "license": "MIT", "dependencies": { "@auth/prisma-adapter": "^2.11.1", diff --git a/package.json b/package.json index 581c9f3..5c68180 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "my-weekly-todo-list", - "version": "1.116.3", + "version": "1.116.4", "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 ddd8ff4..8a3c5b1 100644 --- a/src/components/WeeklyView.tsx +++ b/src/components/WeeklyView.tsx @@ -7813,7 +7813,7 @@ export default function WeeklyView() { ? eventColor : "var(--weekly-teal)"; const textColor = eventColor.startsWith("#") - ? `color-mix(in srgb, ${eventColor} 78%, black)` + ? `color-mix(in srgb, ${eventColor} 30%, #0f172a)` : borderColor; const overlap = eventOverlapLayout[event.id] || { column: 0, totalColumns: 1 }; @@ -7978,7 +7978,7 @@ export default function WeeklyView() { ? eventColor : "var(--weekly-teal)"; const textColor = eventColor.startsWith("#") - ? `color-mix(in srgb, ${eventColor} 78%, black)` + ? `color-mix(in srgb, ${eventColor} 30%, #0f172a)` : borderColor; return (