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) <noreply@anthropic.com>
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user