fixed dark mode for search and editor

frontend/src/components/react/admin/Editor.tsx

@@ -18,7 +18,7 @@ interface Props {
 
 const salonTheme = EditorView.theme({
   '&': {
-    backgroundColor: 'var(--rosewater)',
+    backgroundColor: 'var(--base)',
     color: 'var(--text)',
     border: '1px solid var(--surface2)',
     borderRadius: '2px',
@@ -477,7 +477,7 @@ export default function Editor({ editSlug }: Props) {
             {/* Autocomplete dropdown */}
             {showAutocomplete && autocompleteAssets.length > 0 && (
               <div
-                className="absolute z-50 bg-[var(--rosewater)] border border-[var(--surface2)] shadow-2xl max-h-64 overflow-y-auto w-80"
+                className="absolute z-50 bg-[var(--base)] border border-[var(--surface2)] shadow-2xl max-h-64 overflow-y-auto w-80"
                 style={{ top: autocompletePos.top, left: autocompletePos.left, borderRadius: 2 }}
                 onClick={e => e.stopPropagation()}
               >
@@ -510,7 +510,7 @@ export default function Editor({ editSlug }: Props) {
           {/* Live Preview — stretches to match editor height on desktop, full-pane via tabs on mobile */}
           {showPreview && (
             <div
-              className={`border border-[var(--surface2)] bg-[var(--rosewater)] overflow-y-auto flex-col md:flex md:min-h-0 ${
+              className={`border border-[var(--surface2)] bg-[var(--base)] overflow-y-auto flex-col md:flex md:min-h-0 ${
                 mobileView === 'preview' ? 'flex min-h-[60vh]' : 'hidden'
               }`}
               style={{ borderRadius: 2 }}