fix: add highlight.js color overrides to input.css

- Move code block styling from templates to centralized CSS file
- Add highlight.js overrides in @layer components section
- Use tokyo-night colors: #16161e for pre blocks, #1a1b26 for inline code
- Follows Tailwind best practices: custom CSS in input.css, not templates
- Maintains proper theme-adjustable styling

web/static/input.css

@@ -184,4 +184,23 @@
   .priority-5 { background-color: #10b981; color: white; }
   .priority-7 { background-color: #6b7280; color: white; }
   .priority-10 { background-color: #9ca3af; color: white; }
+
+  /* Override highlight.js hardcoded colors for code blocks */
+  .prose pre code.hljs {
+    background-color: transparent !important;
+  }
+
+  .prose code.hljs {
+    background-color: #1a1b26 !important;
+    padding: 0.2em 0.4em;
+  }
+
+  .prose pre {
+    background-color: #16161e !important;
+  }
+
+  .prose .hljs {
+    background-color: transparent !important;
+    color: #c0caf5 !important;
+  }
 }