ake/paperclip
1
0
Fork 0
mirror of https://github.com/alkimake/paperclip.git synced 2026-06-19 04:00:38 +09:00
Code Issues Projects Releases Packages Wiki Activity

fix(ui): fix shimmer text using invalid hsl() wrapper on oklch colors

Browse source 
--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 <noreply@paperclip.ing>
This commit is contained in:
dotta 2026-04-08 07:03:12 -05:00
parent 2ec2b1f1eb
commit c830c64727
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
ui/src/index.css
View file

@ -301,8 +301,8 @@
} }
.shimmer-text { .shimmer-text {
--shimmer-base: hsl(var(--foreground)); --shimmer-base: var(--foreground);
--shimmer-highlight: hsl(var(--foreground) / 0.35); --shimmer-highlight: color-mix(in oklch, var(--foreground) 35%, transparent);
background: linear-gradient( background: linear-gradient(
90deg, 90deg,
var(--shimmer-base) 0%, var(--shimmer-base) 0%,