chore(theme): bg-white → bg-surface (B — dark theme sweep)
This commit is contained in:
@@ -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)
|
||||
: '—'}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user