diff --git a/src/index.css b/src/index.css
index 141da12..a9756e8 100644
--- a/src/index.css
+++ b/src/index.css
@@ -600,6 +600,10 @@ body:not([data-theme="light"]) .folder-item {
   border-color: transparent;
 }
 
+body[data-theme="light"] .editor__textarea-wrap--preview {
+  background: var(--bg);
+}
+
 body:not([data-theme="light"]) .editor__textarea-wrap--preview {
   background: var(--bg);
 }
@@ -608,6 +612,10 @@ body:not([data-theme="light"]) .editor__textarea-wrap--preview {
   flex-direction: row;
 }
 
+body[data-theme="light"] .editor__textarea-wrap--split {
+  background: var(--bg);
+}
+
 body:not([data-theme="light"]) .editor__textarea-wrap--split {
   background: var(--bg);
 }
@@ -621,6 +629,10 @@ body:not([data-theme="light"]) .editor__textarea-wrap--split {
   flex: 1;
 }
 
+body[data-theme="light"] .editor__textarea-wrap--split .markdown-preview {
+  background: var(--bg);
+}
+
 body:not([data-theme="light"]) .editor__textarea-wrap--split .markdown-preview {
   background: var(--bg);
 }
@@ -758,6 +770,10 @@ body:not([data-theme="light"]) .editor__textarea-wrap--split .markdown-preview {
   color: var(--ink);
 }
 
+body[data-theme="light"] .markdown-preview {
+  background: var(--bg);
+}
+
 body:not([data-theme="light"]) .markdown-preview {
   background: var(--bg);
 }