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 <noreply@anthropic.com>

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

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",

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": {

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 (