Merge branch 'chore/dark-theme-sweep' into 'main'

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

See merge request 2-6/2-6-4/terravault/ordinis!131

ordinis-admin-ui/src/components/form/SchemaDrivenForm.tsx

@@ -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',

ordinis-admin-ui/src/components/geo/AoiPickerDialog.tsx

@@ -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>

ordinis-admin-ui/src/components/record/RecordHistoryDrawer.tsx

@@ -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'
                     }`}
                   />

ordinis-admin-ui/src/components/schema/PropertyEditor.tsx

@@ -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>

ordinis-admin-ui/src/components/timetravel/TimeTravelPicker.tsx

@@ -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>

ordinis-admin-ui/src/routes/audit.tsx

@@ -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)
                     : '—'}

ordinis-admin-ui/src/routes/outbox.tsx

@@ -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>

ordinis-admin-ui/src/routes/webhooks.$id.tsx

@@ -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">