chore(theme): bg-white → bg-surface (B — dark theme sweep)

This commit is contained in:
Александр Зимин
2026-05-12 11:38:14 +00:00
parent 9549fd61a7
commit 131442cae2
8 changed files with 15 additions and 15 deletions
+4 -4
View File
@@ -309,7 +309,7 @@ function ActiveFilterChips({ filters, onRemove }: ActiveFilterChipsProps) {
onClick={() => onRemove(f.key)}
className={[
'inline-flex items-center gap-1.5 px-2 py-1 rounded-sm border text-cell',
'bg-white border-line hover:border-ink/40 hover:bg-line/30',
'bg-surface border-line hover:border-ink/40 hover:bg-line/30',
'transition-colors group',
].join(' ')}
title={t('audit.filter.removeChip')}
@@ -356,7 +356,7 @@ function FilterPanel({
}
return (
<div className="bg-white border border-line rounded-lg p-4 space-y-3">
<div className="bg-surface border border-line rounded-lg p-4 space-y-3">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
<SingleSelect
label={t('audit.filter.dictionary')}
@@ -509,7 +509,7 @@ function AuditRow({ row }: { row: AuditEntry }) {
<div className="text-cap text-ink-2 mb-1">
{t('audit.diff.before')}
</div>
<pre className="text-mono whitespace-pre-wrap break-all bg-white border border-line rounded p-2 max-h-60 overflow-auto">
<pre className="text-mono whitespace-pre-wrap break-all bg-surface border border-line rounded p-2 max-h-60 overflow-auto">
{row.payloadBefore
? JSON.stringify(row.payloadBefore, null, 2)
: '—'}
@@ -519,7 +519,7 @@ function AuditRow({ row }: { row: AuditEntry }) {
<div className="text-cap text-ink-2 mb-1">
{t('audit.diff.after')}
</div>
<pre className="text-mono whitespace-pre-wrap break-all bg-white border border-line rounded p-2 max-h-60 overflow-auto">
<pre className="text-mono whitespace-pre-wrap break-all bg-surface border border-line rounded p-2 max-h-60 overflow-auto">
{row.payloadAfter
? JSON.stringify(row.payloadAfter, null, 2)
: '—'}
+1 -1
View File
@@ -164,7 +164,7 @@ function StatCard({ label, value, tone }: StatCardProps) {
? 'text-grass'
: 'text-accent'
return (
<div className="bg-white border border-line rounded-lg p-4">
<div className="bg-surface border border-line rounded-lg p-4">
<div className="text-cap text-ink-2 mb-1">
{label}
</div>
+2 -2
View File
@@ -235,7 +235,7 @@ function WebhookDetailPage() {
'text-cap inline-flex items-center gap-1.5 px-2.5 py-1 rounded-sm border transition-colors',
active
? 'border-accent bg-accent/8 text-accent'
: 'border-line bg-white text-ink-2 hover:border-ink/40',
: 'border-line bg-surface text-ink-2 hover:border-ink/40',
].join(' ')}
>
{s}
@@ -443,7 +443,7 @@ function RotateRevealModal({
onClick={onClose}
>
<div
className="bg-white rounded-lg p-6 max-w-xl w-full space-y-4"
className="bg-surface rounded-lg p-6 max-w-xl w-full space-y-4"
onClick={(e) => e.stopPropagation()}
>
<h3 className="font-sans text-title-lg text-accent">