From 7644740dc2ca15a32449fd5ccfc78520f8f8e577 Mon Sep 17 00:00:00 2001
From: Jon Eugster <eugster.jon@gmail.com>
Date: Fri, 14 Apr 2023 11:24:43 +0200
Subject: [PATCH] css for markdown code

---
 client/src/app.css | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/client/src/app.css b/client/src/app.css
index 297725e..323a3a1 100644
--- a/client/src/app.css
+++ b/client/src/app.css
@@ -5,9 +5,7 @@
   --clr-light-gray: #ddd;
   --clr-dark-gray: #aaa;
   --clr-darker-gray: #555;
-  --clr-code: rgba(0, 32, 90, 0.87);
   --ff-primary: Roboto;
-  --ff-code: "Roboto Mono";
 }
 
 
@@ -19,9 +17,24 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
-code {
-  font-family: var(--ff-code);
-  color: var(--clr-code);
+.markdown code {
+  color: rgba(0, 32, 90, 0.87);
+  background-color: rgba(223, 227, 234);
+  font-size: 85%;
+  border-radius: .3em;
+  padding-left: .3em;
+  padding-right: .3em;
+}
+
+.markdown pre {
+  padding-top: .6em;
+  padding-bottom: .6em;
+  padding-left: .3em;
+  overflow: auto;
+  line-height: 1.45;
+  color: rgba(0, 32, 90, 0.87);
+  background-color: rgba(223, 227, 234);
+  border-radius: .3em;
 }