From 5d6082b9bfc2361e38d2524d490a367578cb9bdb Mon Sep 17 00:00:00 2001 From: Zerlight Wu Date: Sat, 8 Aug 2026 22:01:31 +0800 Subject: [PATCH 1/2] 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 } From 565b13cdbe6b565718b760242010bce0252ecd33 Mon Sep 17 00:00:00 2001 From: Zerlight Wu Date: Fri, 14 Aug 2026 21:49:21 +0800 Subject: [PATCH 2/2] fix(ui): remove inaccurate shimmer rationale --- packages/presentation/ui/src/chat/shimmer.tsx | 2 -- 1 file changed, 2 deletions(-) diff --git a/packages/presentation/ui/src/chat/shimmer.tsx b/packages/presentation/ui/src/chat/shimmer.tsx index 20bcd4925..ac4adeb79 100644 --- a/packages/presentation/ui/src/chat/shimmer.tsx +++ b/packages/presentation/ui/src/chat/shimmer.tsx @@ -27,8 +27,6 @@ export function Shimmer({ style={ { backgroundImage: - // 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