Changed code block background colour

diff --git a/flatnotes/src/main.scss b/flatnotes/src/main.scss
index 80bd72ff9ad7ca5afdce6e8ff0ff883c8304d4c8..f51ee13993e71682f370c914fb50947fa258b93e 100644 (file)
--- a/flatnotes/src/main.scss
+++ b/flatnotes/src/main.scss
@@ -11,21 +11,18 @@
 @import "prismjs/themes/prism.css";
 @import "@toast-ui/editor-plugin-code-syntax-highlight/dist/toastui-editor-plugin-code-syntax-highlight.css";
 
-
 // Variables
 $off-white: #f8f9fd70;
 
-
 // Mixins
 @mixin note-content {
   padding: min(2vw, 30px) min(3vw, 40px);
 }
 
-
 // Elements & Classes
 body {
   background-color: $off-white;
-  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
 }
 
 .clickable-link {
@@ -50,7 +47,7 @@ body {
 
 .title-input {
   border: none;
-  
+
   // Override user agent styling
   background-color: $off-white;
   color: #212529;
@@ -61,16 +58,20 @@ body {
   outline: none;
 }
 
-
 // Toast UI Overrides
 .toastui-editor-contents {
-  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   h1,
   h2 {
     border-bottom: none;
   }
 }
 
+.toastui-editor-contents pre,
+.toastui-editor-md-code-block-line-background {
+  background-color: darken($off-white, 3%);
+}
+
 .toastui-editor-defaultUI {
   border: none;
 }