From 41e08b18a70a186207f8746f610bcf3f220665a7 Mon Sep 17 00:00:00 2001
From: Stu Leak <leaktechnologies@proton.me>
Date: Wed, 31 Dec 2025 09:28:58 -0500
Subject: [PATCH] fix(ui): Add adaptive text color for module tiles
 accessibility
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Implemented automatic text color adaptation based on background brightness to improve readability:
- Added getContrastColor() function using WCAG luminance formula
- Bright modules (Trim/yellow, Audio/amber, Subtitles/light-green) now use dark text
- Dark modules continue using light text
- Ensures high contrast ratio for all module tiles
- Prevents eye strain from low-contrast combinations

This fixes the accessibility issue where bright yellow, amber, and light green modules had poor legibility with white text.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 internal/ui/components.go | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/internal/ui/components.go b/internal/ui/components.go
index f4d56b0..5006c77 100644
--- a/internal/ui/components.go
+++ b/internal/ui/components.go
@@ -127,9 +127,27 @@ func (m *ModuleTile) Dropped(pos fyne.Position, items []fyne.URI) {
 	}
 }
 
+// getContrastColor returns black or white text color based on background brightness
+func getContrastColor(bgColor color.Color) color.Color {
+	r, g, b, _ := bgColor.RGBA()
+	// Convert from 16-bit to 8-bit
+	r8 := float64(r >> 8)
+	g8 := float64(g >> 8)
+	b8 := float64(b >> 8)
+
+	// Calculate relative luminance (WCAG formula)
+	luminance := (0.2126*r8 + 0.7152*g8 + 0.0722*b8) / 255.0
+
+	// If bright background, use dark text; if dark background, use light text
+	if luminance > 0.5 {
+		return color.NRGBA{R: 20, G: 20, B: 20, A: 255} // Dark text
+	}
+	return TextColor // Light text
+}
+
 func (m *ModuleTile) CreateRenderer() fyne.WidgetRenderer {
 	tileColor := m.color
-	labelColor := TextColor
+	labelColor := getContrastColor(m.color)
 
 	// Dim disabled tiles
 	if !m.enabled {
@@ -137,9 +155,7 @@ func (m *ModuleTile) CreateRenderer() fyne.WidgetRenderer {
 		if c, ok := m.color.(color.NRGBA); ok {
 			tileColor = color.NRGBA{R: c.R / 3, G: c.G / 3, B: c.B / 3, A: c.A}
 		}
-		if c, ok := TextColor.(color.NRGBA); ok {
-			labelColor = color.NRGBA{R: c.R / 2, G: c.G / 2, B: c.B / 2, A: c.A}
-		}
+		labelColor = color.NRGBA{R: 100, G: 100, B: 100, A: 255}
 	}
 
 	bg := canvas.NewRectangle(tileColor)