Fix ChangeLabel colors to use react-zen theme variables.

Replace old CSS variables with new theme tokens for success, error,
and neutral states.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Mike Cao 2026-02-06 03:31:20 -08:00
parent 403bdfd6e2
commit 84522b2475

View file

@ -4,16 +4,16 @@ import { ArrowRight } from '@/components/icons';
const STYLES = {
positive: {
color: `var(--success-color)`,
background: `color-mix(in srgb, var(--success-color), var(--background-color) 95%)`,
color: `var(--status-success-text)`,
background: `var(--status-success-bg)`,
},
negative: {
color: `var(--danger-color)`,
background: `color-mix(in srgb, var(--danger-color), var(--background-color) 95%)`,
color: `var(--status-error-text)`,
background: `var(--status-error-bg)`,
},
neutral: {
color: `var(--font-color-muted)`,
background: `var(--base-color-2)`,
color: `var(--text-muted)`,
background: `var(--surface-raised)`,
},
};