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
@@ -1033,7 +1033,7 @@ const ReferenceSelectField = ({
className={[
'w-full appearance-none border rounded-sm pl-3 pr-9 py-2 text-body font-display',
'truncate overflow-hidden whitespace-nowrap text-ellipsis',
'bg-white text-black transition-colors',
'bg-surface text-ink transition-colors',
'focus:outline-none focus:ring-1 focus:ring-accent focus:border-accent',
errorMsg ? 'border-mars' : 'border-line hover:border-ink/40',
isLoading ? 'cursor-wait text-mute' : 'cursor-pointer',
@@ -166,7 +166,7 @@ export const AoiPickerDialog = ({ isOpen, onClose, onApply, initial }: Props) =>
'px-3 py-1.5 text-cell font-display rounded-sm border transition-colors',
active
? 'border-accent bg-accent text-white'
: 'border-line bg-white text-ink hover:border-ink/40',
: 'border-line bg-surface text-ink hover:border-ink/40',
].join(' ')}
>
{label}
@@ -192,7 +192,7 @@ export const AoiPickerDialog = ({ isOpen, onClose, onApply, initial }: Props) =>
type="button"
onClick={handleClear}
disabled={!shape}
className="px-3 py-1.5 text-cell font-display rounded-sm border border-line bg-white text-ink hover:border-ink/40 disabled:opacity-40 disabled:cursor-not-allowed"
className="px-3 py-1.5 text-cell font-display rounded-sm border border-line bg-surface text-ink hover:border-ink/40 disabled:opacity-40 disabled:cursor-not-allowed"
>
{t('aoi.dialog.clear')}
</button>
@@ -83,7 +83,7 @@ export const RecordHistoryDrawer = ({
: status === 'future'
? 'bg-warn border-horizon'
: status === 'expired'
? 'bg-white border-ink/40'
? 'bg-surface border-ink/40'
: 'bg-aurora border-aurora'
}`}
/>
@@ -49,7 +49,7 @@ export const PropertyEditor = ({
const update = (patch: Partial<PropertyDef>) => onChange({ ...prop, ...patch })
return (
<div className="border border-line rounded-lg p-3 space-y-3 bg-white">
<div className="border border-line rounded-lg p-3 space-y-3 bg-surface">
<div className="flex items-start justify-between gap-2">
<span className="text-cap text-mute">
{t('schema.property')} #{index + 1}
@@ -125,7 +125,7 @@ export const PropertyEditor = ({
<div className="text-ink-2">
{t('schema.opaque.hint')}
</div>
<pre className="text-mono bg-white border border-line rounded p-2 overflow-auto max-h-40">
<pre className="text-mono bg-surface border border-line rounded p-2 overflow-auto max-h-40">
{JSON.stringify(prop.rawSchema ?? {}, null, 2)}
</pre>
</div>
@@ -418,7 +418,7 @@ function StatusFooter({
valueDate.getMinutes(),
)
}
className="text-mono w-10 px-1.5 py-0.5 rounded-sm border border-line bg-white text-center"
className="text-mono w-10 px-1.5 py-0.5 rounded-sm border border-line bg-surface text-center"
aria-label={t('timeTravel.hours')}
/>
<span className="text-mono text-mute">:</span>
@@ -433,7 +433,7 @@ function StatusFooter({
Math.max(0, Math.min(59, parseInt(e.target.value, 10) || 0)),
)
}
className="text-mono w-10 px-1.5 py-0.5 rounded-sm border border-line bg-white text-center"
className="text-mono w-10 px-1.5 py-0.5 rounded-sm border border-line bg-surface text-center"
aria-label={t('timeTravel.minutes')}
/>
</span>