Used elevated bg in dark theme code blocks

diff --git a/flatnotes/src/toastui-editor-overrides.scss b/flatnotes/src/toastui-editor-overrides.scss
index 888f119e655c10347d8c1a1ec2002a2ee36e5007..892897730bf124dcae7445e885d63bd1e02dc312 100644 (file)
--- a/flatnotes/src/toastui-editor-overrides.scss
+++ b/flatnotes/src/toastui-editor-overrides.scss
@@ -79,6 +79,11 @@
   background-color: var(--colour-background-tint);
 }
 
+.dark-theme .toastui-editor-contents pre,
+.dark-theme .toastui-editor-md-code-block-line-background {
+  background-color: var(--colour-background-elevated);
+}
+
 .token.operator,
 .token.entity,
 .token.url,
@@ -165,6 +170,11 @@
   background-color: var(--colour-background-tint);
 }
 
+.dark-theme .toastui-editor-md-code,
+.dark-theme .toastui-editor-contents code {
+  background-color: var(--colour-background-elevated);
+}
+
 .toastui-editor-popup {
   background-color: var(--colour-background);
   border: 1px solid var(--colour-border);