diff --git a/src/resources/markdown-it.js b/src/resources/markdown-it.js
index 7082b8b6..0ea8e3d0 100644
--- a/src/resources/markdown-it.js
+++ b/src/resources/markdown-it.js
@@ -99,6 +99,9 @@ if (VMarkdownitOption.metadata) {
 
 if (VMarkdownitOption.emoji) {
     mdit = mdit.use(window.markdownitEmoji);
+    mdit.renderer.rules.emoji = function(token, idx) {
+        return '<span class="emoji emoji_' + token[idx].markup + '">' + token[idx].content + '</span>';
+    };
 }
 
 mdit = mdit.use(window.markdownitFootnote);
diff --git a/src/resources/themes/v_detorte/v_detorte.css b/src/resources/themes/v_detorte/v_detorte.css
index 2b9fb41f..5217f64f 100644
--- a/src/resources/themes/v_detorte/v_detorte.css
+++ b/src/resources/themes/v_detorte/v_detorte.css
@@ -218,6 +218,11 @@ div.img-caption {
     line-height: 1.5;
 }
 
+.emoji_zero,.emoji_one,.emoji_two,.emoji_three,.emoji_four,.emoji_five,.emoji_six,.emoji_seven,.emoji_eight,.emoji_nine {
+    margin-left: 5px;
+    margin-right: 8px;
+}
+
 /* For Highlight.js Line Number */
 table.hljs-ln tr {
     border: none;
diff --git a/src/resources/themes/v_detorte/v_detorte.palette b/src/resources/themes/v_detorte/v_detorte.palette
index f483b9fb..1e1c15f7 100644
--- a/src/resources/themes/v_detorte/v_detorte.palette
+++ b/src/resources/themes/v_detorte/v_detorte.palette
@@ -9,7 +9,7 @@ mdhl_file=v_detorte.mdhl
 css_file=v_detorte.css
 codeblock_css_file=v_detorte_codeblock.css
 mermaid_css_file=v_detorte_mermaid.css
-version=3
+version=4
 
 ; This mapping will be used to translate colors when the content of HTML is copied
 ; without background. You could just specify the foreground colors mapping here.
diff --git a/src/resources/themes/v_moonlight/v_moonlight.css b/src/resources/themes/v_moonlight/v_moonlight.css
index 99d26b38..ba7c7289 100644
--- a/src/resources/themes/v_moonlight/v_moonlight.css
+++ b/src/resources/themes/v_moonlight/v_moonlight.css
@@ -213,6 +213,11 @@ div.img-caption {
     line-height: 1.5;
 }
 
+.emoji_zero,.emoji_one,.emoji_two,.emoji_three,.emoji_four,.emoji_five,.emoji_six,.emoji_seven,.emoji_eight,.emoji_nine {
+    margin-left: 5px;
+    margin-right: 8px;
+}
+
 /* For Highlight.js Line Number */
 table.hljs-ln tr {
     border: none;
diff --git a/src/resources/themes/v_moonlight/v_moonlight.palette b/src/resources/themes/v_moonlight/v_moonlight.palette
index 43998490..1f94068d 100644
--- a/src/resources/themes/v_moonlight/v_moonlight.palette
+++ b/src/resources/themes/v_moonlight/v_moonlight.palette
@@ -7,7 +7,7 @@ mdhl_file=v_moonlight.mdhl
 css_file=v_moonlight.css
 codeblock_css_file=v_moonlight_codeblock.css
 mermaid_css_file=v_moonlight_mermaid.css
-version=14
+version=15
 
 ; This mapping will be used to translate colors when the content of HTML is copied
 ; without background. You could just specify the foreground colors mapping here.
diff --git a/src/resources/themes/v_native/v_native.css b/src/resources/themes/v_native/v_native.css
index d2b3705e..70ddfcc0 100644
--- a/src/resources/themes/v_native/v_native.css
+++ b/src/resources/themes/v_native/v_native.css
@@ -212,6 +212,11 @@ div.img-caption {
     line-height: 1.5;
 }
 
+.emoji_zero,.emoji_one,.emoji_two,.emoji_three,.emoji_four,.emoji_five,.emoji_six,.emoji_seven,.emoji_eight,.emoji_nine {
+    margin-left: 5px;
+    margin-right: 8px;
+}
+
 /* For Highlight.js Line Number */
 table.hljs-ln tr {
     border: none;
diff --git a/src/resources/themes/v_native/v_native.palette b/src/resources/themes/v_native/v_native.palette
index ea9c9655..55c29ce4 100644
--- a/src/resources/themes/v_native/v_native.palette
+++ b/src/resources/themes/v_native/v_native.palette
@@ -7,7 +7,7 @@ mdhl_file=v_native.mdhl
 css_file=v_native.css
 codeblock_css_file=v_native_codeblock.css
 mermaid_css_file=v_native_mermaid.css
-version=12
+version=13
 
 [phony]
 ; Abstract color attributes.
diff --git a/src/resources/themes/v_pure/v_pure.css b/src/resources/themes/v_pure/v_pure.css
index 311fe424..b121e944 100644
--- a/src/resources/themes/v_pure/v_pure.css
+++ b/src/resources/themes/v_pure/v_pure.css
@@ -213,6 +213,11 @@ div.img-caption {
     line-height: 1.5;
 }
 
+.emoji_zero,.emoji_one,.emoji_two,.emoji_three,.emoji_four,.emoji_five,.emoji_six,.emoji_seven,.emoji_eight,.emoji_nine {
+    margin-left: 5px;
+    margin-right: 8px;
+}
+
 /* For Highlight.js Line Number */
 table.hljs-ln tr {
     border: none;
diff --git a/src/resources/themes/v_pure/v_pure.palette b/src/resources/themes/v_pure/v_pure.palette
index 9d2a2f4b..6cb13720 100644
--- a/src/resources/themes/v_pure/v_pure.palette
+++ b/src/resources/themes/v_pure/v_pure.palette
@@ -7,7 +7,7 @@ mdhl_file=v_pure.mdhl
 css_file=v_pure.css
 codeblock_css_file=v_pure_codeblock.css
 mermaid_css_file=v_pure_mermaid.css
-version=13
+version=14
 
 [phony]
 ; Abstract color attributes.