From 3ed27682d4bf4cf51ec0f7fd2484352d8d986f5e Mon Sep 17 00:00:00 2001 From: Zerlight Wu Date: Sat, 8 Aug 2026 22:01:31 +0800 Subject: [PATCH] fix(ui): use runtime :root color vars in shimmer gradient --- packages/presentation/ui/src/chat/shimmer.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/presentation/ui/src/chat/shimmer.tsx b/packages/presentation/ui/src/chat/shimmer.tsx index 52bb5cbd2..20bcd4925 100644 --- a/packages/presentation/ui/src/chat/shimmer.tsx +++ b/packages/presentation/ui/src/chat/shimmer.tsx @@ -27,7 +27,9 @@ export function Shimmer({ style={ { backgroundImage: - 'linear-gradient(90deg, transparent 35%, var(--color-background), transparent 65%), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))', + // coss-ui's semantic --color-* aliases are @theme inline and Tailwind never scans a JS + // style string, so they are not emitted to :root — read the underlying vars directly. + 'linear-gradient(90deg, transparent 35%, var(--background), transparent 65%), linear-gradient(var(--muted-foreground), var(--muted-foreground))', backgroundRepeat: 'no-repeat', } satisfies React.CSSProperties }