diff --git a/metro-hot/css/metro-hot.css b/metro-hot/css/metro-hot.css
index 064e124..26744d4 100644
--- a/metro-hot/css/metro-hot.css
+++ b/metro-hot/css/metro-hot.css
@@ -771,6 +771,10 @@ textarea {
     margin-right: 10px;
     margin-top: 20px;
 }
+
+pre.prettyprint {
+    background-color: #F7F7F7;
+}
 /* end article */
 
 /* start comment */
diff --git a/metro-hot/css/metro-hot.min.css b/metro-hot/css/metro-hot.min.css
index ef208f7..f27510d 100644
--- a/metro-hot/css/metro-hot.min.css
+++ b/metro-hot/css/metro-hot.min.css
@@ -121,6 +121,7 @@ textarea{overflow:auto;vertical-align:top;}
 .article-header .article-date{float:none;margin:0;}
 .article-body{background-color:#323232;margin-bottom:30px;overflow:hidden;padding:10px;white-space:normal;word-break:break-all;font-size:14px;word-wrap:break-word;}
 .main>.article-body{margin-right:10px;margin-top:20px;}
+pre.prettyprint{background-color: #F7F7F7;}
 #comments{position:relative;}
 #comments>div{margin-bottom:20px;margin-right:10px;}
 #comments .article-body{margin:10px 0;width:810px;}