fix: use design system status tokens for test expression result alerts
All checks were successful
CI / cleanup-branch (push) Has been skipped
CI / build (push) Successful in 55s
CI / docker (push) Successful in 47s
CI / deploy-feature (push) Has been skipped
CI / deploy (push) Successful in 36s

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) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-03-26 19:38:24 +01:00
parent e4b2dd2604
commit 82b47f4364

View File

@@ -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);
}