diff --git a/app/layout/default.pug b/app/layout/default.pug
index c6af704..fa84b41 100755
--- a/app/layout/default.pug
+++ b/app/layout/default.pug
@@ -21,6 +21,7 @@ html
   head
     title #{website.name}
     link(rel="stylesheet", href="/res/css/font-awesome-all.css")
+    link(rel="stylesheet", href="/res/css/highlight-js.min.css")
     block head
     link(rel="stylesheet", href=website.links.css)
     link(rel="icon", type="image/png", href=website.links.favicon)
diff --git a/public/res/css/highlight-js.min.css b/public/res/css/highlight-js.min.css
new file mode 100755
index 0000000..b357d55
--- /dev/null
+++ b/public/res/css/highlight-js.min.css
@@ -0,0 +1 @@
+.hljs{display:block;overflow-x:auto;padding:.5em;background:#272822;color:#ddd}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-selector-tag,.hljs-strong,.hljs-tag{color:#f92672}.hljs-code{color:#66d9ef}.hljs-class .hljs-title{color:#fff}.hljs-attribute,.hljs-link,.hljs-regexp,.hljs-symbol{color:#bf79db}.hljs-addition,.hljs-built_in,.hljs-builtin-name,.hljs-bullet,.hljs-emphasis,.hljs-section,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-string,.hljs-subst,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:#a6e22e}.hljs-comment,.hljs-deletion,.hljs-meta,.hljs-quote{color:#75715e}.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-section,.hljs-selector-id,.hljs-selector-tag,.hljs-title,.hljs-type{font-weight:700}
diff --git a/public/res/css/style.css b/public/res/css/style.css
index d65ff83..dadb540 100755
--- a/public/res/css/style.css
+++ b/public/res/css/style.css
@@ -275,9 +275,21 @@ body{
 }
 
 .content pre code{
+  color:inherit;
+  background-color: inherit;
+  border-radius:inherit;
+}
+
+.cm-comment{
+  font-family: monospace;
+}
+
+.content pre:not(.hljs) code{
   color: #AA0000;
   padding:15px;
   display:block;
+  background-color: #FFE6E68C;
+  border-radius:4px;
 }
 
 .content table td, .content table tr, .content table th{