fix: replace hardcoded text-white with DS variables, fix label/value layout

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-09 19:49:32 +02:00
parent f9b1628e14
commit 7c7d574aa7
4 changed files with 55 additions and 38 deletions

View File

@@ -0,0 +1,20 @@
.heading { font-size: 1.5rem; font-weight: 600; color: var(--text-primary); }
.textPrimary { color: var(--text-primary); }
.textMuted { color: var(--text-muted); }
.mono { font-family: var(--font-mono); }
.kvRow { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.kvLabel { font-size: 0.875rem; color: var(--text-muted); }
.kvValue { font-size: 0.875rem; color: var(--text-primary); }
.kvValueMono { font-size: 0.875rem; color: var(--text-primary); font-family: var(--font-mono); }
.dividerList { display: flex; flex-direction: column; }
.dividerList > * + * { border-top: 1px solid var(--border-subtle); }
.dividerRow { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 0; }
.dividerRow:first-child { padding-top: 0; }
.dividerRow:last-child { padding-bottom: 0; }
.description { font-size: 0.875rem; color: var(--text-muted); }
.tokenBlock { margin-top: 0.5rem; border-radius: var(--radius-sm); background: var(--bg-inset); border: 1px solid var(--border-subtle); padding: 0.75rem; overflow-x: auto; }
.tokenCode { font-size: 0.75rem; font-family: var(--font-mono); color: var(--text-secondary); word-break: break-all; }