From 10e132cd5094c65f57b1f265d68fb2f8ef91253a Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Tue, 21 Apr 2026 10:21:00 +0200
Subject: [PATCH] refactor(alerts/ui): fix leftover --muted refs in wizard
 steps

Two inline-style color refs in NotifyStep and TriggerStep were still
pointing at the undefined --muted token instead of the DS
--text-muted. Caught by the design-system-alignment verification
grep.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 ui/src/pages/Alerts/RuleEditor/NotifyStep.tsx  | 2 +-
 ui/src/pages/Alerts/RuleEditor/TriggerStep.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/pages/Alerts/RuleEditor/NotifyStep.tsx b/ui/src/pages/Alerts/RuleEditor/NotifyStep.tsx
index d8272ce7..7aa81068 100644
--- a/ui/src/pages/Alerts/RuleEditor/NotifyStep.tsx
+++ b/ui/src/pages/Alerts/RuleEditor/NotifyStep.tsx
@@ -91,7 +91,7 @@ export function NotifyStep({
           Preview rendered output
         </Button>
         {!ruleId && (
-          <p style={{ marginTop: 8, fontSize: 12, color: 'var(--muted)' }}>
+          <p style={{ marginTop: 8, fontSize: 12, color: 'var(--text-muted)' }}>
             Save the rule first to preview rendered output.
           </p>
         )}
diff --git a/ui/src/pages/Alerts/RuleEditor/TriggerStep.tsx b/ui/src/pages/Alerts/RuleEditor/TriggerStep.tsx
index 77da5c56..3ed2cf68 100644
--- a/ui/src/pages/Alerts/RuleEditor/TriggerStep.tsx
+++ b/ui/src/pages/Alerts/RuleEditor/TriggerStep.tsx
@@ -60,7 +60,7 @@ export function TriggerStep({
           Test evaluate (uses saved rule)
         </Button>
         {!ruleId && (
-          <p style={{ marginTop: 8, fontSize: 12, color: 'var(--muted)' }}>
+          <p style={{ marginTop: 8, fontSize: 12, color: 'var(--text-muted)' }}>
             Save the rule first to enable test-evaluate.
           </p>
         )}