From cd5998fb65f57fc9acf3c99f16e6f09689025eb1 Mon Sep 17 00:00:00 2001
From: Shriram Vasudevan <72285290+Shriram-Vasudevan@users.noreply.github.com>
Date: Mon, 11 May 2026 23:48:40 -0400
Subject: [PATCH] Fix preview background artifacts

---
 browser/components/MarkdownEditor.styl | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/browser/components/MarkdownEditor.styl b/browser/components/MarkdownEditor.styl
index c8fe2e499..7a99ca1e5 100644
--- a/browser/components/MarkdownEditor.styl
+++ b/browser/components/MarkdownEditor.styl
@@ -16,7 +16,7 @@
 .preview
   display block
   absolute top bottom left right
-  background-color white
+  background-color $ui-noteDetail-backgroundColor
   height 100%
   width 100%
 
@@ -24,3 +24,23 @@
   @extend .preview
   @extend .hide
 
+body[data-theme="white"]
+  .preview
+    background-color $ui-white-noteDetail-backgroundColor
+
+body[data-theme="dark"]
+  .preview
+    background-color $ui-dark-noteDetail-backgroundColor
+
+body[data-theme="solarized-dark"]
+  .preview
+    background-color $ui-solarized-dark-noteDetail-backgroundColor
+
+body[data-theme="dracula"]
+  .preview
+    background-color $ui-dracula-noteDetail-backgroundColor
+
+for theme in $themes
+  body[data-theme={theme}]
+    .preview
+      background-color get-theme-var(theme, 'noteDetail-backgroundColor')