From 82b47f43649c7a2b3ed98eb81de8d3ae6b04a34f Mon Sep 17 00:00:00 2001 From: hsiegeln <37154749+hsiegeln@users.noreply.github.com> Date: Thu, 26 Mar 2026 19:38:24 +0100 Subject: [PATCH] fix: use design system status tokens for test expression result alerts Replaces hardcoded dark-theme hex fallbacks with proper tokens from tokens.css: --success-bg/--success-border/--success for success and --error-bg/--error-border/--error for errors. Works in both themes. Co-Authored-By: Claude Opus 4.6 (1M context) --- ui/src/pages/Routes/RouteDetail.module.css | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/ui/src/pages/Routes/RouteDetail.module.css b/ui/src/pages/Routes/RouteDetail.module.css index e445bff4..2bf41cd5 100644 --- a/ui/src/pages/Routes/RouteDetail.module.css +++ b/ui/src/pages/Routes/RouteDetail.module.css @@ -424,8 +424,8 @@ } .testResult { - padding: 8px 12px; - border-radius: 6px; + padding: 10px 14px; + border-radius: var(--radius-md); font-family: var(--font-mono); font-size: 12px; margin-top: 8px; @@ -434,13 +434,13 @@ } .testSuccess { - background: var(--bg-success-subtle, #0f2a1a); - border: 1px solid var(--border-success, #166534); - color: var(--text-success, #4ade80); + background: var(--success-bg); + border: 1px solid var(--success-border); + color: var(--success); } .testError { - background: var(--bg-error-subtle, #2a0f0f); - border: 1px solid var(--border-error, #991b1b); - color: var(--text-error, #f87171); + background: var(--error-bg); + border: 1px solid var(--error-border); + color: var(--error); }