make code blocks look good.

2 years ago · 9791dfaec8
1 changed files with 7 additions and 3 deletions
--- a/svelte-ui/src/components/Markdown.svelte
+++ b/svelte-ui/src/components/Markdown.svelte
@ -23,9 +23,13 @@

  div.markdown :global(pre) > :global(code) {
    display: block;
-    background-color: #222;
-    color: #1cf;
-    padding: 0.5em;
+    background-color: #181818;
+    color: #999;
+    padding: 0.75em;
+    border: 1px solid #333;
+    border-radius: 1em;
+
+    overflow-x: auto;
  }

  div.markdown :global(blockquote) {