Background color for code

2 files changed, 18 insertions, 1 deletions

diff --git a/static/css/styles.css b/static/css/styles.css
index efb0787..dab983c 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -68,8 +68,15 @@ em {
 kbd, code {
   font-family: Mononoki, monospace;
   color: #444;
+  background-color: #f3f3f3;
   font-size: 0.9em; }
 
+pre {
+  background-color: #f6f8fa;
+  padding: 0.5em; }
+  pre code {
+    background-color: transparent; }
+
 th {
   font-family: FreeSerif, serif;
   font-weight: bold;
diff --git a/static/css/styles.scss b/static/css/styles.scss
index e401c2c..af12b2a 100644
--- a/static/css/styles.scss
+++ b/static/css/styles.scss
@@ -14,7 +14,8 @@ $cv-red: #b25347;
 $light-text: #5f5a6f;
 $very-light-text: #767676;
 $medium-light-text: #4f4a5f;
-$code-background: #272822;
+$code-background: #f3f3f3;
+$codeblock-background: #f6f8fa;
 $code-text: #f8f8f2;
 
 // Breakpoints
@@ -131,9 +132,18 @@ em {
 kbd, code {
     font-family: Mononoki, monospace;
     color: $text-color;
+    background-color: $code-background;
     font-size: 0.9em;
 }
 
+pre {
+    background-color: $codeblock-background;
+    padding: 0.5em;
+    code {
+        background-color: transparent;
+    }
+}
+
 th {
     font-family: FreeSerif, serif;
     font-weight: bold;