Different background color for code

1 files changed, 5 insertions, 0 deletions

diff --git a/themes/elenq/static/css/prism.css b/themes/elenq/static/css/prism.css
index 4258e59..d564981 100644
--- a/themes/elenq/static/css/prism.css
+++ b/themes/elenq/static/css/prism.css
@@ -48,6 +48,7 @@ pre[class*="language-"] {
   border-radius: .3em;
   font-size: 0.9em;
   white-space: normal;
+  background-color: var(--background-color);
 }
 
 .token.comment,
@@ -136,6 +137,7 @@ pre[class*="language-"] {
     --keyword: #07a;
     --function: #DD4A68;
     --variable: #e90;
+    --background-color:  #e8e8e8;
   }
 }
 
@@ -159,6 +161,7 @@ pre[class*="language-"] {
     --keyword: #8be9fd;
     --function: #f1fa8c;
     --variable: #ffb86c;
+    --background-color:  #565656;
   }
 }
 
@@ -176,6 +179,7 @@ html[data-theme="light"]{
     --keyword: #07a;
     --function: #DD4A68;
     --variable: #e90;
+    --background-color:  #e8e8e8;
 }
 
 html[data-theme="dark"]{
@@ -188,4 +192,5 @@ html[data-theme="dark"]{
     --keyword: #8be9fd;
     --function: #f1fa8c;
     --variable: #ffb86c;
+    --background-color:  #565656;
 }