Revert "Do not touch div.highlight styles"

This reverts commit d3a86c7c6d23cfe6f82d7d8405e3ab522e693a22.

1 files changed, 11 insertions, 6 deletions

diff --git a/layouts/partials/style.html b/layouts/partials/style.html
index 97499d0..173aec9 100644
--- a/layouts/partials/style.html
+++ b/layouts/partials/style.html
@@ -64,20 +64,22 @@
 
   code {
     padding: 2px 5px;
-  }
-
-  :not(div.highlight)>pre code,
-  :not(pre)>code {
     background-color: #f2f2f2;
   }
 
   pre code {
+    color: #222;
     display: block;
     padding: 20px;
     white-space: pre-wrap;
     font-size: 14px;
   }
 
+  div.highlight code {
+    background-color: unset;
+    color: initial;
+  }
+
   blockquote {
     border-left: 1px solid #999;
     color: #222;
@@ -139,11 +141,14 @@
       color: #8cc2dd;
     }
 
-    :not(div.highlight)>pre code,
-    :not(pre)>code {
+    code {
       background-color: #777;
     }
 
+    pre code {
+      color: #ddd;
+    }
+
     blockquote {
       color: #ccc;
     }