From 3a47e9f74e6fbd8264eef717a7c7b6b840fbbc20 Mon Sep 17 00:00:00 2001
From: ddiu8081 <ddiu8081@gmail.com>
Date: Thu, 25 May 2023 02:42:11 +0800
Subject: [PATCH] fix(ui): show background when code-block missing languages

---
 src/assets/prism.css        | 10 ++++++----
 src/components/Markdown.tsx |  4 +++-
 unocss.config.ts            |  3 +++
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/assets/prism.css b/src/assets/prism.css
index 048b4721..7c1dd393 100644
--- a/src/assets/prism.css
+++ b/src/assets/prism.css
@@ -24,8 +24,9 @@ html:not(.dark) {
   --prism-json-property: var(--prism-literal);
   --prism-line-number: #aaaaaa;
   --prism-line-highlight-background: #f2f2f2;
-  --prism-block-padding-x: 20px;
-  --prism-block-padding-y: 14px;
+  --prism-block-padding-x: 1.25rem;
+  --prism-block-padding-y: 1.5rem;
+  --prism-block-radius: .375rem;
 }
 
 html.dark {
@@ -55,6 +56,7 @@ html.dark {
   --prism-line-number-gutter: #eeeeee;
   --prism-line-highlight-background: #333333;
   --prism-selection-background: #444444;
-  --prism-block-padding-x: 20px;
-  --prism-block-padding-y: 14px;
+  --prism-block-padding-x: 1.25rem;
+  --prism-block-padding-y: 1.5rem;
+  --prism-block-radius: .375rem;
 }
diff --git a/src/components/Markdown.tsx b/src/components/Markdown.tsx
index 9a20f0cb..9bfbe562 100644
--- a/src/components/Markdown.tsx
+++ b/src/components/Markdown.tsx
@@ -21,7 +21,9 @@ const parseMarkdown = (raw: string) => {
     .use(remarkGfm)
     .use(remarkMath)
     .use(remarkRehype)
-    .use(rehypePrism)
+    .use(rehypePrism, {
+      ignoreMissing: true,
+    })
     .use(rehypeKatex)
     .use(rehypeStringify)
     .processSync(raw)
diff --git a/unocss.config.ts b/unocss.config.ts
index 83741e01..517f149d 100644
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -38,6 +38,9 @@ export default defineConfig({
           'padding': '0 0.2em',
           'color': 'var(--prism-keyword)',
         },
+        'pre': {
+          'background-color': 'var(--prism-background) !important',
+        },
       },
     }),
   ],