diff --git a/static/css/markdown.preview.css b/static/css/markdown.preview.css
index 42d2dbe1..bde4e456 100644
--- a/static/css/markdown.preview.css
+++ b/static/css/markdown.preview.css
@@ -19,10 +19,7 @@
     word-wrap: break-word;
     text-align: left
 }
-.editormd-preview-container-body blockquote,.editormd-preview-container blockquote p {
-    font-size: 14px;
-    color: #999;
-}
+
 .editormd-preview-container blockquote, .editormd-html-preview blockquote{
     font-style: normal;
 }
diff --git a/static/editor.md/css/editormd.css b/static/editor.md/css/editormd.css
index ac9ba50b..d78ad6fe 100644
--- a/static/editor.md/css/editormd.css
+++ b/static/editor.md/css/editormd.css
@@ -3841,6 +3841,14 @@
   font-size: 14px;
   font-style: italic;
 }
+.editormd-preview-container blockquote.default, .editormd-html-preview blockquote.default  {
+  border-left: 5px solid #D0E3F0;
+  margin: 8px 0;
+  padding: 8px 16px;
+  background-color: #F0F7FD;
+  color: #0382AD;
+}
+
 .editormd-preview-container p code, .editormd-html-preview p code {
   margin-left: 5px;
   margin-right: 4px;
diff --git a/static/editor.md/css/editormd.preview.css b/static/editor.md/css/editormd.preview.css
index 9a43e7ab..267dfd55 100644
--- a/static/editor.md/css/editormd.preview.css
+++ b/static/editor.md/css/editormd.preview.css
@@ -3124,6 +3124,7 @@
   margin-left: 0;
   font-size: 14px;
   font-style: italic;
+  line-height:1.7em;
 }
 .editormd-preview-container p code, .editormd-html-preview p code {
   margin-left: 5px;
@@ -3188,6 +3189,35 @@
   font-family: "YaHei Consolas Hybrid", Consolas, "Microsoft YaHei", "Malgun Gothic", "Segoe UI", Helvetica, Arial !important;
 }
 
+.editormd-preview-container blockquote.default, .editormd-html-preview blockquote.default  {
+  border-left: 5px solid #D0E3F0;
+  margin: 8px 0;
+  padding: 8px 16px;
+  background-color: #F0F7FD;
+  color: #0382AD;
+  font-size: 14px;
+}
+.editormd-preview-container blockquote.info, .editormd-html-preview blockquote.info  {
+  border-left-color: #5bc0de;
+  color: #5bc0de;
+  background-color: #f4f8fa
+}
+.editormd-preview-container blockquote.warning, .editormd-html-preview blockquote.warning  {
+  background-color: #fcf8f2;
+  border-color: #f0ad4e;
+  color: #f0ad4e
+}
+.editormd-preview-container blockquote.danger, .editormd-html-preview blockquote.danger  {
+  color: #d9534f;
+  background-color: #fdf7f7;
+  border-color: #d9534f
+}
+.editormd-preview-container blockquote.success, .editormd-html-preview blockquote.success  {
+  background-color: #f3f8f3;
+  border-color: #50af51;
+  color: #50af51
+}
+
 /*! Pretty printing styles. Used with prettify.js. */
 /* SPAN elements with the classes below are added by prettyprint. */
 .pln {
diff --git a/static/editor.md/editormd.js b/static/editor.md/editormd.js
index 83eb4ad3..ae067456 100644
--- a/static/editor.md/editormd.js
+++ b/static/editor.md/editormd.js
@@ -3474,6 +3474,7 @@
         markedRenderer.blockquote = function($quote) {
             console.log($quote)
             var $class = "default";
+
             if($quote.indexOf("[info]") === 0){
                 $class = "info";
                 $quote = $quote.substr(6);