more theme color integration

src/ui/command.tsx

@@ -270,7 +270,7 @@ function CommandDialog(props: {
   const maxHeight = Math.floor(dimensions().height * 0.6);
 
   return (
-    <box flexDirection="column" padding={1}>
+    <box flexDirection="column" padding={1} borderColor={theme.border}>
       {/* Search input */}
       <box marginBottom={1}>
         <text fg={theme.textMuted}>{"> "}</text>
@@ -278,7 +278,7 @@ function CommandDialog(props: {
       </box>
 
       {/* Command list */}
-      <box flexDirection="column" maxHeight={maxHeight}>
+      <box flexDirection="column" maxHeight={maxHeight} borderColor={theme.border}>
         <For each={filteredOptions().slice(0, 10)}>
           {(option, index) => (
             <box

src/ui/dialog.tsx

@@ -46,6 +46,7 @@ export function Dialog(
         maxWidth={dimensions().width - 2}
         backgroundColor={theme.backgroundPanel}
         paddingTop={1}
+        borderColor={theme.border}
       >
         {props.children}
       </box>