From c4260e78ceb0b59275e5342a5d8a8cfbdaf4562d Mon Sep 17 00:00:00 2001
From: Sachin Chaurasiya <sachinchaurasiyachotey87@gmail.com>
Date: Thu, 28 Jul 2022 17:22:25 +0530
Subject: [PATCH] Fix #6397 UI : Override markdown parser default stylings 
 (#6401)

* Fix UI : Override markdown parser default stylings #6397

* Minor change
---
 .../RichTextEditorPreviewer.less              | 49 +++++++++++++++++--
 1 file changed, 46 insertions(+), 3 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/rich-text-editor/RichTextEditorPreviewer.less b/openmetadata-ui/src/main/resources/ui/src/components/common/rich-text-editor/RichTextEditorPreviewer.less
index 8477b0c5194..934be09a9c2 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/rich-text-editor/RichTextEditorPreviewer.less
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/rich-text-editor/RichTextEditorPreviewer.less
@@ -1,20 +1,63 @@
+@body-text-color: #37352f;
+@badge-color: #d5d8dc;
+@while-color: #ffffff;
+@border-radius: 6px;
+
 .markdown-parser {
   .toastui-editor-contents {
+    font-size: 14px;
+    h1,
+    h2 {
+      border-bottom: 1px solid @badge-color;
+    }
+
+    blockquote {
+      padding: 0px 16px;
+    }
+
+    code {
+      color: @body-text-color;
+      background-color: @badge-color;
+    }
+
+    pre {
+      background-color: @badge-color;
+      border-radius: @border-radius;
+      code {
+        background-color: transparent;
+      }
+    }
+
+    table {
+      width: 100%;
+      overflow: auto;
+      th {
+        background-color: @badge-color;
+        color: @body-text-color;
+        font-weight: bold;
+      }
+    }
+
     p {
       margin-top: 0px;
       margin-bottom: 10px;
-      color: #37352f;
+      color: @body-text-color;
       word-break: break-word;
     }
+
+    img {
+      border-radius: @border-radius;
+    }
   }
 }
+
 .markdown-parser.white {
   .toastui-editor-contents {
     p {
-      color: white;
+      color: @while-color;
     }
     ul li::before {
-      background-color: white;
+      background-color: @while-color;
     }
   }
 }