diff --git a/src/features/viewers/markdown/Markdown.module.css b/src/features/viewers/markdown/Markdown.module.css
index 65891fd9..86bbf294 100644
--- a/src/features/viewers/markdown/Markdown.module.css
+++ b/src/features/viewers/markdown/Markdown.module.css
@@ -34,8 +34,11 @@
   overflow: auto;
   padding: 16px 28px 40vh;
   outline: none;
+  /* The preview sits on the editor background, so its text comes from the
+     editor scheme: with a light UI theme + dark editor scheme, the UI's
+     --fg would be black-on-black here. */
   background: var(--bg-editor, var(--bg-app));
-  color: var(--fg);
+  color: var(--fg-editor, var(--fg));
   font-family: var(--font-ui);
   font-size: calc(14px + var(--markdown-font-zoom, 0px));
   line-height: 1.6;
@@ -53,7 +56,7 @@
 .preview :global(h5),
 .preview :global(h6) {
   margin: 1.2em 0 0.6em;
-  color: var(--fg-strong);
+  color: var(--syn-markup-heading, var(--fg-strong));
   line-height: 1.25;
 }
 .preview :global(h1) {
@@ -90,12 +93,12 @@
   font-size: 0.9em;
   padding: 0.1em 0.35em;
   border-radius: var(--radius-small);
-  background: var(--bg-elev);
+  background: var(--bg-editor-inline, var(--bg-elev));
 }
 .preview :global(pre) {
   padding: 10px 12px;
   border-radius: var(--radius-control);
-  background: var(--bg-elev);
+  background: var(--bg-editor-inline, var(--bg-elev));
   overflow: auto;
   line-height: 1.45;
 }
@@ -107,7 +110,8 @@
 .preview :global(blockquote) {
   padding: 0 1em;
   border-left: 3px solid var(--border-strong);
-  color: var(--fg-secondary);
+  color: var(--fg-editor, var(--fg-secondary));
+  opacity: 0.8;
 }
 .preview :global(table) {
   border-collapse: collapse;
@@ -118,7 +122,7 @@
   border: 1px solid var(--border-strong);
 }
 .preview :global(th) {
-  background: var(--bg-elev);
+  background: var(--bg-editor-inline, var(--bg-elev));
 }
 .preview :global(hr) {
   border: none;