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