adjust CSS for how to highlight code

1 files changed, 8 insertions, 6 deletions

diff --git a/static/css/custom.css b/static/css/custom.css
index 9dd92f1..20e8b23 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -5,7 +5,7 @@ body {
   font-size: 1rem;
   line-height: 1.6;
   color: black;
-  background-color: #fffff8;
+  background-color: #f4f4f4;
 }
 
 main {
@@ -56,21 +56,23 @@ ul {
 }
 
 /* Code blocks */
-code {
+p code {
   font-family: monospace;
   font-size: 90%;
-  border-radius: 4px;
+  border-radius: 0.3rem;
+  padding: 0.025rem 0.3rem;
+  border: 2px solid #52576f;
 }
 
 pre {
-  padding: 0.2rem 0.5rem;
   overflow-x: auto;
-  font-size: 90%;
-  background-color: #f5f5f5;
 }
 
 pre > code {
   display: block;
+  font-family: monospace;
+  font-size: 90%;
+  padding: 0.5rem;
 }
 
 p > code {