itlxrd/psysonic
1
0
Fork 0
mirror of https://github.com/kilyabin/psysonic.git synced 2026-07-22 06:25:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(folder-browser): auto-contrast text on selected row

Browse Source 
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) <noreply@anthropic.com>
This commit is contained in:
Psychotoxical
2026-04-19 16:44:08 +02:00
parent 6878867e64
commit 81ed6db9d1
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components.css
+2 -2
View File
@@ -7814,11 +7814,11 @@ html.no-compositing .fsr-lyric-line.fsrl-active .fsr-lyric-word.active {
.folder-col-row.selected { .folder-col-row.selected {
background: var(--accent); 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 { .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 { .folder-col-icon {