fixed theming issues

frontend/src/pages/admin/editor.astro

@@ -9,33 +9,6 @@ import Layout from '../../layouts/Layout.astro';
     <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/codemirror.min.js"></script>
     <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/mode/markdown/markdown.min.js"></script>
     <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/keymap/vim.min.js"></script>
-    
-    <style is:global>
-        .CodeMirror {
-            height: auto;
-            min-height: 400px;
-            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-            border-radius: 0.5rem;
-            background: var(--crust);
-            color: var(--text);
-            border: 1px solid var(--surface1);
-            padding: 1rem;
-        }
-        .CodeMirror-focused {
-            border-color: var(--mauve);
-        }
-        .CodeMirror-scroll {
-            min-height: 400px;
-        }
-        .cm-s-default .cm-header { color: var(--mauve); font-weight: bold; }
-        .cm-s-default .cm-string { color: var(--green); }
-        .cm-s-default .cm-link { color: var(--blue); text-decoration: underline; }
-        .cm-s-default .cm-url { color: var(--sky); }
-        .cm-s-default .cm-comment { color: var(--subtext0); font-style: italic; }
-        .cm-s-default .cm-quote { color: var(--peach); }
-        .cm-fat-cursor .CodeMirror-cursor { background: var(--text); }
-        .cm-animate-fat-cursor { background-color: var(--text); }
-    </style>
 
     <div class="glass p-12 mb-12" id="editor-content" style="display: none;">
         <header class="mb-12 border-b border-white/5 pb-12 flex justify-between items-center">
@@ -406,3 +379,31 @@ import Layout from '../../layouts/Layout.astro';
         }
     </script>
 </Layout>
+ect slug on edit
+            delBtn?.classList.remove('hidden');
+            fetch(`/api/posts/${encodeURIComponent(editSlug)}`)
+                .then(res => res.json())
+                .then(data => { 
+                    if (data.content) {
+                        editor.setValue(data.content);
+                    }
+                })
+                .catch(() => showAlert('Failed to load post.', 'error'));
+        }
+
+        function showAlert(msg: string, type: 'success' | 'error') {
+            const alertEl = document.getElementById('alert');
+            if (alertEl) {
+                alertEl.textContent = msg;
+                alertEl.className = `p-4 rounded-lg mb-6 ${type === 'success' ? 'bg-green/20 text-green border border-green/30' : 'bg-red/20 text-red border border-red/30'}`;
+                alertEl.classList.remove('hidden');
+                setTimeout(() => { alertEl.classList.add('hidden'); }, 4000);
+            }
+        }
+    </script>
+</Layout>
+         setTimeout(() => { alertEl.classList.add('hidden'); }, 4000);
+            }
+        }
+    </script>
+</Layout>