diff --git a/themes/chameleon/README.md b/themes/chameleon/README.md
index 0aed967..6ab8726 100644
--- a/themes/chameleon/README.md
+++ b/themes/chameleon/README.md
@@ -30,6 +30,22 @@ theme_config:
   icons: false
 ```
 
+## Codeblock highlight
+
+Following configurations need to be updated.
+
+``` yml
+# _config.yml
+highlight:
+  enable: true
+  line_number: false
+  hljs: true
+  wrap: false
+
+prismjs:
+  enable: false
+```
+
 ## Build
 
 Build "source/css/_source.css" into "source/css/chameleon.css"
diff --git a/themes/chameleon/source/css/_source.css b/themes/chameleon/source/css/_source.css
index f1dfaf8..e509a48 100644
--- a/themes/chameleon/source/css/_source.css
+++ b/themes/chameleon/source/css/_source.css
@@ -126,16 +126,20 @@ hr {
 }
 
 figcaption,
-small {
+small,
+pre div {
   font-size: 0.9em;
   color: #888;
 }
 
-figcaption {
+/* code caption */
+figcaption,
+pre div {
   margin-bottom: 0.5em;
 }
 
-pre figcaption a {
+pre figcaption a,
+pre div a {
   float: right;
 }
 
diff --git a/themes/chameleon/source/css/chameleon.css b/themes/chameleon/source/css/chameleon.css
index a60fbb0..57f36d9 100644
--- a/themes/chameleon/source/css/chameleon.css
+++ b/themes/chameleon/source/css/chameleon.css
@@ -571,16 +571,20 @@ hr {
 }
 
 figcaption,
-small {
+small,
+pre div {
   font-size: 0.9em;
   color: #888;
 }
 
-figcaption {
+/* code caption */
+figcaption,
+pre div {
   margin-bottom: 0.5em;
 }
 
-pre figcaption a {
+pre figcaption a,
+pre div a {
   float: right;
 }