From a16b5903cebad3d3ebb60c333907363f3208aaa4 Mon Sep 17 00:00:00 2001
From: Julien Oculi <xdrz.jot.sr@gmail.com>
Date: Tue, 4 Jun 2024 23:43:26 +0200
Subject: [PATCH] feat: improve gfm container css

---
 src/render_gfm.ts | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/render_gfm.ts b/src/render_gfm.ts
index d6c2f1d..ce67c7b 100644
--- a/src/render_gfm.ts
+++ b/src/render_gfm.ts
@@ -13,7 +13,18 @@ export function renderGfm(md: string): string {
           main {
             max-width: 800px;
             margin: 0 auto;
+            border-radius: 0.5rem;
+            padding: 0.5rem;
           }
+
+          body {
+            background-color: #f7eedc;
+            
+            @media (prefers-color-scheme: dark) {
+              background-color: #02010a;
+            }
+          }
+
           ${CSS}
           ${KATEX_CSS}
         </style>