Dali šme tam barvišky

ok... idk anymore

src/pages/[lang]/blog/[...slug].astro

@@ -25,11 +25,11 @@ const { Content } = await page.render();
 ---
 
 <BlogPost {...page.data} language={lang}>
-  <div class="text-center">
-    <h1 class="text-4xl">{page.data.title}</h1>
-    <p>{page.data.author} • {formattedDate}</p>
-  </div>
-  <div id="content">
+  <article class="prose prose-moi">
+    <div class="text-center">
+      <h1 class="text-4xl">{page.data.title}</h1>
+      <p>{page.data.author} • {formattedDate}</p>
+    </div>
     <Content />
-  </div>
+  </article>
 </BlogPost>

src/style/index.css

@@ -16,6 +16,7 @@ Dark Mode:  https://www.realtimecolors.com/dashboard?colors=e7e7e9-0f0f0f-5819c5
         --color-accent: 262deg, 73%, 47%;
         --color-accent-red: 0deg, 84%, 60%;
         --border: 214.3 31.8% 91.4%;
+        --prose-pink: 336, 93%, 16%;
 
         --background: 0 0% 100%;
         --foreground: 222.2 47.4% 11.2%;
@@ -42,6 +43,7 @@ Dark Mode:  https://www.realtimecolors.com/dashboard?colors=e7e7e9-0f0f0f-5819c5
             --color-secondary: 273deg, 100%, 20%;
             --color-accent: 54deg, 100%, 50%;
             --color-accent-red: 0deg, 84%, 60%;
+            --prose-pink: 191, 51%, 53%;
     
             --background: 224 71% 4%;
             --foreground: 213 31% 91%;
@@ -68,6 +70,7 @@ Dark Mode:  https://www.realtimecolors.com/dashboard?colors=e7e7e9-0f0f0f-5819c5
         --color-secondary: 273deg, 100%, 20%;
         --color-accent: 54deg, 100%, 50%;
         --color-accent-red: 0deg, 84%, 60%;
+        --prose-pink: 191, 51%, 53%;
 
         --background: 224 71% 4%;
         --foreground: 213 31% 91%;
@@ -93,6 +96,7 @@ Dark Mode:  https://www.realtimecolors.com/dashboard?colors=e7e7e9-0f0f0f-5819c5
         --color-secondary: 237deg, 100%, 93%;
         --color-accent: 262deg, 73%, 47%;
         --color-accent-red: 0deg, 84%, 60%;
+        --prose-pink: 336, 93%, 16%;
 
         --background: 0 0% 100%;
         --foreground: 222.2 47.4% 11.2%;