From eec78dfbfee8c1709b853b7785a37e1ff846d316 Mon Sep 17 00:00:00 2001
From: Akemi Izuko <akemi@noway.moe>
Date: Tue, 26 Dec 2023 14:55:13 -0700
Subject: [PATCH] Markdown: url styles

---
 src/layouts/BlogPost.astro | 17 +++++++++++++++++
 src/styles/global.css      |  1 +
 2 files changed, 18 insertions(+)

diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index e67c8d7..6f2a9c0 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -66,6 +66,13 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
                 font-family: var(--font-sans);
                 margin: 16px 0;
             }
+            .prose a {
+                text-decoration: none;
+                color: var(--accent-color);
+            }
+            .prose a:hover {
+                text-decoration: underline;
+            }
             .prose ul {
                 padding-left: 30px;
             }
@@ -78,6 +85,16 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
                 border-radius: 22px;
                 filter: drop-shadow(0 4px 6px #444);
             }
+            .prose code:not(pre > code) {
+               background-color: #f6f6f6;
+               /*border-radius: 6px;*/
+               border-radius: 6px;
+               /*padding: 16px;*/
+               padding: 2px 4px;
+               margin: 16px 0;
+               font-family: var(--font-mono);
+               /*filter: drop-shadow(0 2px 6px #ddd);*/
+           }
             .prose pre {
                background-color: #f6f6f6;
                border-radius: 6px;
diff --git a/src/styles/global.css b/src/styles/global.css
index 2914ffa..bdd7630 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -12,6 +12,7 @@
     --font-jp: "Source Han Sans", "源ノ角ゴシック", "Hiragino Sans", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Noto Sans", "Noto Sans CJK JP", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", sans-serif;
     --box-shadow: 0 2px 6px rgba(#000, 25%), 0 8px 24px rgba(#000, 33%), 0 16px 32px rgba(#000, 33%);
     --font-size: 1em;
+    --accent-color: deeppink;
 }
 
 body {