diff --git a/dashboard/src/__tests__/ConfirmDialog.test.tsx b/dashboard/src/__tests__/ConfirmDialog.test.tsx
index 9b760010..b2b26d87 100644
--- a/dashboard/src/__tests__/ConfirmDialog.test.tsx
+++ b/dashboard/src/__tests__/ConfirmDialog.test.tsx
@@ -139,7 +139,7 @@ describe('ConfirmDialog', () => {
       />,
     );
     const confirmBtn = screen.getByText('Confirm');
-    expect(confirmBtn.className).toContain('text-red-300');
+    expect(confirmBtn.className).toContain('text-[var(--color-danger-glow)]');
   });
 
   it('applies warning variant styles to confirm button', () => {
diff --git a/dashboard/src/__tests__/PipelineStatusBadge.test.tsx b/dashboard/src/__tests__/PipelineStatusBadge.test.tsx
index d4ee1285..c630b65c 100644
--- a/dashboard/src/__tests__/PipelineStatusBadge.test.tsx
+++ b/dashboard/src/__tests__/PipelineStatusBadge.test.tsx
@@ -14,7 +14,7 @@ describe('PipelineStatusBadge', () => {
     render(<PipelineStatusBadge status="completed" />);
     const badge = screen.getByText('completed');
     expect(badge).toBeDefined();
-    expect(badge.className).toContain('text-emerald-400');
+    expect(badge.className).toContain('text-[var(--color-success-glow)]');
   });
 
   it('renders failed status with red color', () => {
diff --git a/dashboard/src/components/shared/__tests__/EmptyState.test.tsx b/dashboard/src/components/shared/__tests__/EmptyState.test.tsx
index a10ae36b..dabcc211 100644
--- a/dashboard/src/components/shared/__tests__/EmptyState.test.tsx
+++ b/dashboard/src/components/shared/__tests__/EmptyState.test.tsx
@@ -39,7 +39,7 @@ describe('EmptyState', () => {
     const { container } = render(<EmptyState variant="empty-error" title="Failed" />);
     const h3 = container.querySelector('h3');
     expect(h3).not.toBeNull();
-    expect(h3!.className).toContain('text-red-300');
+    expect(h3!.className).toContain('text-[var(--color-danger-glow)]');
   });
 
   it('applies feature-unavailable variant styles', () => {
diff --git a/dashboard/src/components/shared/__tests__/LiveStatusIndicator.test.tsx b/dashboard/src/components/shared/__tests__/LiveStatusIndicator.test.tsx
index 92031f2b..08b91a02 100644
--- a/dashboard/src/components/shared/__tests__/LiveStatusIndicator.test.tsx
+++ b/dashboard/src/components/shared/__tests__/LiveStatusIndicator.test.tsx
@@ -32,7 +32,7 @@ describe('LiveStatusIndicator', () => {
     );
     const { container } = render(<LiveStatusIndicator />);
     const badge = container.querySelector('span.inline-flex');
-    expect(badge?.className).toContain('bg-emerald-500/10');
+    expect(badge?.className).toContain('bg-[var(--color-success)]/10');
   });
 
   it('applies warning styles when disconnected', () => {