From c830c647276b5d57006a6bbec2759add1a88aec9 Mon Sep 17 00:00:00 2001 From: dotta Date: Wed, 8 Apr 2026 07:03:12 -0500 Subject: [PATCH] fix(ui): fix shimmer text using invalid hsl() wrapper on oklch colors --foreground is defined as oklch(), not HSL channels. Wrapping it in hsl() produced an invalid color, making the shimmer text invisible. Use var(--foreground) directly and color-mix() for the highlight band. Co-Authored-By: Paperclip --- ui/src/index.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/ui/src/index.css b/ui/src/index.css index 625da487..b14e25ad 100644 --- a/ui/src/index.css +++ b/ui/src/index.css @@ -301,8 +301,8 @@ } .shimmer-text { - --shimmer-base: hsl(var(--foreground)); - --shimmer-highlight: hsl(var(--foreground) / 0.35); + --shimmer-base: var(--foreground); + --shimmer-highlight: color-mix(in oklch, var(--foreground) 35%, transparent); background: linear-gradient( 90deg, var(--shimmer-base) 0%,