feat: prettier code block style

1 files changed, 12 insertions, 10 deletions

diff --git a/assets/css/components/_markdown.scss b/assets/css/components/_markdown.scss
index 2b8fc737..50f7735c 100644
--- a/assets/css/components/_markdown.scss
+++ b/assets/css/components/_markdown.scss
@@ -40,22 +40,24 @@ $em-text-color: #889E73;
     }
   }
 
-  pre {
-    padding: 16px;
-    overflow: auto;
-    border-radius: 10px;
+  code {
+    font-size: 90%;
+    color: var(--secondary-text-color);
+    &:not(pre > code)::before,
+    &:not(pre > code)::after {
+        content: '`'
+    }
   }
 
-  code {
-    padding: 0.2em 0.4em;
-    font-size: 85%;
-    background-color: $block-background-color;
-    border-radius: 6px;
+  pre {
+    padding: 0.5rem 1rem;
+    overflow: auto;
+    border-radius: 5px;
   }
 
   pre > code {
     padding: 0;
-    font-size: 100%;
+    color: unset;
     background-color: inherit;
     border: 0;
   }