From 2051990271cd0dfee3efad8b641065513ee4e479 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Albin=20M=C3=A9doc?= <albinmedoc99@gmail.com>
Date: Thu, 1 Aug 2024 20:45:14 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20Solve=20some=20issues=20w?=
 =?UTF-8?q?ith=20markdown=20preview=20(#470)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: 🐛 Solve some issues with markdown preview

* fix: 🩹 Change background color of code block

* fix: 🐛 Change background color of markdown editor
---
 .../src/assets/scss/md-editor-v3.scss         | 28 +++++++++++++++----
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/apps/wizarr-frontend/src/assets/scss/md-editor-v3.scss b/apps/wizarr-frontend/src/assets/scss/md-editor-v3.scss
index 4691025c..11e647c0 100644
--- a/apps/wizarr-frontend/src/assets/scss/md-editor-v3.scss
+++ b/apps/wizarr-frontend/src/assets/scss/md-editor-v3.scss
@@ -2,6 +2,19 @@
     --md-theme-quote-border: 5px solid rgb(208, 49, 67) !important;
     --md-theme-link-color: rgb(208, 49, 67) !important;
     --md-theme-link-hover-color: rgb(208, 49, 67) !important;
+    --md-theme-code-inline-color: rgb(208, 49, 67) !important;
+    --md-theme-code-inline-bg-color: rgba(208, 49, 67, 0.1) !important;
+    --md-theme-code-block-bg-color: rgb(17, 24, 39) !important;
+}
+
+.md-editor.md-editor-dark, .md-editor-modal-container[data-theme='dark'] {
+    --md-color: #fff;
+    --md-bk-color: rgb(55, 65, 81);
+    --md-scrollbar-bg-color: rgb(55, 65, 81);
+}
+
+.md-editor.md-editor-previewOnly {
+    background-color: inherit !important;
 }
 
 .md-editor-preview {
@@ -10,21 +23,24 @@
     h1, h2, h3, h4, h5, h6 {
         word-break: normal !important;
     }
-    h1, h2, h3, h4, h5, h6 {
+    > h1, > h2, > h3, > h4, > h5, > h6 {
         &:first-child {
             margin-top: 0;
           }
     }
 }
 
-.md-editor.md-editor-dark, .md-editor-modal-container[data-theme='dark'] {
-    --md-color: #fff;
-}
+.md-editor-preview {
+    ol {
+        list-style-type: decimal;
+    }
 
-.md-editor.md-editor-previewOnly {
-    background-color: inherit !important;
+    ul {
+        list-style-type: disc;
+    }
 }
 
+
 .md-editor.md-editor-previewOnly .md-editor-preview-wrapper {
     padding: inherit !important;
 }
\ No newline at end of file