From 4545a0738bd1e082d016ca776d0082c9390a6e29 Mon Sep 17 00:00:00 2001
From: jcllobet <jcllobet@users.noreply.github.com>
Date: Fri, 6 Mar 2026 18:53:42 -0800
Subject: [PATCH] fix: use theme-aware colors for modals and divs that
 hardcoded as bg-white

---
 packages/app/src/app/pages/identities.tsx | 2 +-
 packages/app/src/app/pages/scheduled.tsx  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/app/pages/identities.tsx b/packages/app/src/app/pages/identities.tsx
index 354d339b2..74bd3a3b4 100644
--- a/packages/app/src/app/pages/identities.tsx
+++ b/packages/app/src/app/pages/identities.tsx
@@ -1054,7 +1054,7 @@ export default function IdentitiesView(props: IdentitiesViewProps) {
                       {(code) => (
                         <div class="rounded-xl border border-sky-7/25 bg-sky-1/40 px-3.5 py-3 space-y-2">
                           <div class="text-[12px] font-semibold text-sky-11">Private pairing code</div>
-                          <div class="rounded-md border border-sky-7/20 bg-white/80 px-3 py-2 font-mono text-[13px] tracking-[0.08em] text-sky-12">
+                          <div class="rounded-md border border-sky-7/20 bg-sky-2/80 px-3 py-2 font-mono text-[13px] tracking-[0.08em] text-sky-12">
                             {code()}
                           </div>
                           <div class="text-[11px] text-sky-11/90 leading-relaxed">
diff --git a/packages/app/src/app/pages/scheduled.tsx b/packages/app/src/app/pages/scheduled.tsx
index a507ea013..291cb0351 100644
--- a/packages/app/src/app/pages/scheduled.tsx
+++ b/packages/app/src/app/pages/scheduled.tsx
@@ -798,7 +798,7 @@ export default function ScheduledTasksView(props: ScheduledTasksViewProps) {
 
       <Show when={deleteTarget()}>
         <div class="fixed inset-0 z-50 bg-black/20 backdrop-blur-sm flex items-center justify-center p-4">
-          <div class="bg-white border border-gray-6 w-full max-w-md rounded-2xl shadow-2xl overflow-hidden">
+          <div class="bg-gray-1 border border-gray-6 w-full max-w-md rounded-2xl shadow-2xl overflow-hidden">
             <div class="p-6 space-y-4">
               <div class="flex items-start justify-between gap-4">
                 <div>
@@ -824,7 +824,7 @@ export default function ScheduledTasksView(props: ScheduledTasksViewProps) {
 
       <Show when={createModalOpen()}>
         <div class="fixed inset-0 z-50 flex items-center justify-center bg-black/20 backdrop-blur-[2px] p-4">
-          <div class="w-full max-w-2xl rounded-3xl bg-white shadow-2xl overflow-hidden border border-gray-6">
+          <div class="w-full max-w-2xl rounded-3xl bg-gray-1 shadow-2xl overflow-hidden border border-gray-6">
             <div class="p-8 space-y-6">
               <div class="flex items-start justify-between gap-4">
                 <div>