obj done

@@ -178,6 +178,10 @@
     min-height: 2px;
   }
 
+  :global(html.dark) .bar {
+    background: rgba(107, 159, 212, 0.85);
+  }
+
   .bars:hover .bar {
     opacity: 0.35;
   }

@@ -11,6 +11,11 @@
     navigateResults
   } from '$lib/stores/searchStore';
 
+  let {
+    preserveVista = false,
+    vista = 'agregado'
+  } = $props();
+
   let searchInputRef = $state(null);
   let searchVal = $state('');
   let searchFocused = $state(false);
@@ -47,7 +52,10 @@
   }
 
   function handleSearchSelect(result) {
-    goto(`/objeto/${result.codigo}`);
+    const url = preserveVista && vista === 'comparar'
+      ? `/objeto/${result.codigo}?vista=comparar`
+      : `/objeto/${result.codigo}`;
+    goto(url);
     searchVal = '';
     clearSearch();
     searchFocused = false;
@@ -116,7 +124,7 @@
     display: flex;
     align-items: center;
     gap: 0.5rem;
-    background: #f5f5f5;
+    background: var(--search-bg, #f5f5f5);
     border: none;
     border-radius: 8px;
     padding: 0.625rem 1rem;
@@ -124,6 +132,10 @@
     width: 100%;
   }
 
+  :global(html.dark) .objeto-search {
+    --search-bg: rgba(255, 255, 255, 0.08);
+  }
+
   .objeto-search.focused {
     border-color: #6B9FD4;
     box-shadow: 0 0 0 3px rgba(107, 159, 212, 0.15);

@@ -57,4 +57,14 @@
   .vista-btn:active {
     color: #555555;
   }
+
+  :global(html.dark) .vista-btn {
+    color: rgba(255, 255, 255, 0.6);
+    text-decoration-color: rgba(255, 255, 255, 0.4);
+  }
+
+  :global(html.dark) .vista-btn:hover {
+    color: rgba(255, 255, 255, 0.85);
+    text-decoration-color: rgba(255, 255, 255, 0.5);
+  }
 </style>