From 81ed6db9d1ca623c28e2ee3e31385d577c5e152d Mon Sep 17 00:00:00 2001 From: Psychotoxical Date: Sun, 19 Apr 2026 16:44:08 +0200 Subject: [PATCH] style(folder-browser): auto-contrast text on selected row Replace hardcoded #fff on `.folder-col-row.selected` with a relative OKLCH expression that picks black or white based on the accent's lightness. Keeps rows readable on bright-accent themes (Muma, pastel sets) without per-theme overrides. Co-Authored-By: Claude Opus 4.7 (1M context) --- src/styles/components.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/styles/components.css b/src/styles/components.css index 1117e6d7..966b9c03 100644 --- a/src/styles/components.css +++ b/src/styles/components.css @@ -7814,11 +7814,11 @@ html.no-compositing .fsr-lyric-line.fsrl-active .fsr-lyric-word.active { .folder-col-row.selected { background: var(--accent); - color: #fff; + color: oklch(from var(--accent) clamp(0, (0.58 - l) * 100, 1) 0 h); } .folder-col-row.selected .folder-col-chevron { - color: rgba(255, 255, 255, 0.7); + color: oklch(from var(--accent) clamp(0, (0.58 - l) * 100, 1) 0 h / 0.7); } .folder-col-icon {