Update index.html

index.html

@@ -7,6 +7,8 @@
 <script src="https://cdn.tailwindcss.com"></script>
 <link href="https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,700;1,9..144,300&display=swap" rel="stylesheet">
 <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/11.2.0/marked.min.js"></script>
+<link id="hljs-theme" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
+<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
 <script>
 tailwind.config = {
   theme: {
@@ -587,6 +589,9 @@ function toggleTheme() {
   document.getElementById('theme-icon-dark').classList.toggle('hidden', isLight);
   document.getElementById('theme-icon-light').classList.toggle('hidden', !isLight);
   localStorage.setItem('nexus_theme', isLight ? 'light' : 'dark');
+  document.getElementById('hljs-theme').href = isLight
+    ? 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css'
+    : 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css';
 }
 // ── Settings ───────────────────────────────────────────────────────────────
 function saveSettings() {
@@ -768,7 +773,11 @@ function renderMarkdown(text) {
   if (!text) return '';
   try {
     marked.setOptions({ breaks: true, gfm: true });
-    return marked.parse(text);
+    const html = marked.parse(text);
+    const wrapper = document.createElement('div');
+    wrapper.innerHTML = html;
+    wrapper.querySelectorAll('pre code').forEach(block => hljs.highlightElement(block));
+    return wrapper.innerHTML;
   } catch(e) {
     return escHtml(text).replace(/\n/g, '<br>');
   }
@@ -1033,4 +1042,4 @@ function closeSidebar() {
 init();
 </script>
 </body>
-</html>
+</html>