Fix markdown views loading and theming

css/tailwind.source.css

@@ -268,13 +268,60 @@
   }
 
   .markdown-prose {
-    @apply prose max-w-none leading-relaxed text-text-strong;
+    @apply prose max-w-none leading-relaxed text-text;
+    --tw-prose-body: var(--color-text);
+    --tw-prose-headings: var(--color-text-strong);
+    --tw-prose-lead: var(--color-text);
+    --tw-prose-links: var(--color-accent-strong);
+    --tw-prose-bold: var(--color-text-strong);
+    --tw-prose-counters: var(--color-text-muted);
+    --tw-prose-bullets: var(--color-text-muted);
+    --tw-prose-hr: var(--color-border-translucent-strong);
+    --tw-prose-quotes: var(--color-text-strong);
+    --tw-prose-quote-borders: var(--color-border-subtle);
+    --tw-prose-captions: var(--color-text-muted);
+    --tw-prose-code: var(--color-text-strong);
+    --tw-prose-pre-code: var(--color-text);
+    --tw-prose-pre-bg: var(--surface-muted);
+    --tw-prose-th-borders: var(--color-border);
+    --tw-prose-td-borders: var(--color-border-subtle);
+  }
+
+  .markdown-prose a {
+    color: var(--color-accent-strong);
+    text-decoration-color: color-mix(in srgb, var(--color-accent-strong) 65%, transparent);
+    text-decoration-thickness: 2px;
+    text-underline-offset: 0.2em;
+  }
+
+  .markdown-prose a:hover,
+  .markdown-prose a:focus-visible {
+    color: var(--color-accent);
+    text-decoration-line: underline;
+  }
+
+  .markdown-prose blockquote {
+    @apply border-l-4 border-border-subtle bg-surface-muted bg-opacity-50 text-muted px-4 py-2 rounded-md;
   }
 
   .markdown-prose :where(pre, code) {
     @apply font-mono;
   }
 
+  .markdown-prose code {
+    @apply bg-surface-muted text-accent-strong px-1 py-0.5 rounded-md;
+  }
+
+  .markdown-prose pre {
+    @apply bg-surface-muted text-text border border-border-subtle rounded-lg p-4 overflow-x-auto;
+  }
+
+  .markdown-prose pre code {
+    background-color: transparent;
+    color: inherit;
+    padding: 0;
+  }
+
   .popover {
     @apply relative inline-flex;
   }