From 65d3442aab3bef65fc40952b2fb3c0c3a57ace58 Mon Sep 17 00:00:00 2001
From: Eden Reich <eden.reich@gmail.com>
Date: Sun, 10 Mar 2024 18:08:58 +0100
Subject: [PATCH] Improve styles

---
 src/styles/globals.css      | 18 ++++++++++++++++++
 src/utils/markdownParser.ts |  2 ++
 2 files changed, 20 insertions(+)

diff --git a/src/styles/globals.css b/src/styles/globals.css
index 2cfa1b6..7ac7787 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -109,3 +109,21 @@ code {
     font-size: 12px;
   }
 }
+
+code.hljs {
+  background: #151515;
+  border-radius: 10px;
+}
+
+p > code {
+  padding: 0;
+  margin: 0;
+  font-weight: 600;
+  color: #1d1d1e;
+  background-color: #fcfcfc;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
diff --git a/src/utils/markdownParser.ts b/src/utils/markdownParser.ts
index 41473b3..cb1a78b 100644
--- a/src/utils/markdownParser.ts
+++ b/src/utils/markdownParser.ts
@@ -11,6 +11,7 @@ import remarkGfm from 'remark-gfm';
 import langHttp from 'highlight.js/lib/languages/http';
 import langNginx from 'highlight.js/lib/languages/nginx';
 import langDockerfile from 'highlight.js/lib/languages/dockerfile';
+import langYaml from 'highlight.js/lib/languages/yaml';
 import { MarkdownPost } from '@/types/MarkdownPost';
 
 export async function fetchMarkdownPosts(): Promise<MarkdownPost[]> {
@@ -36,6 +37,7 @@ export async function fetchMarkdownPosts(): Promise<MarkdownPost[]> {
             http: langHttp,
             nginx: langNginx,
             dockerfile: langDockerfile,
+            yaml: langYaml,
           },
         })
         .use(rehypeStringify)