From a518989e83055a0c077344ef95f3c8b06fda6c07 Mon Sep 17 00:00:00 2001
From: Defectink <i@defect.ink>
Date: Sat, 7 May 2022 11:38:51 +0800
Subject: [PATCH] Update font family of code

---
 components/gists/styles.module.css | 1 +
 styles/prism-one-dark.css          | 5 +++--
 styles/prism-one-light.css         | 5 +++--
 styles/rua.css                     | 3 ---
 tailwind.config.js                 | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/gists/styles.module.css b/components/gists/styles.module.css
index 240fa40..1b04b49 100644
--- a/components/gists/styles.module.css
+++ b/components/gists/styles.module.css
@@ -1,6 +1,7 @@
 .wrapper {
   @apply overflow-hidden rounded-lg;
   @apply mb-8 shadow-lg;
+  font-size: 16px;
   /* box-shadow: 0 13px 27px -5px rgb(50 50 93 / 25%),
     0 8px 16px -8px rgb(0 0 0 / 30%), 0 -6px 16px -6px rgb(0 0 0 / 3%); */
 }
diff --git a/styles/prism-one-dark.css b/styles/prism-one-dark.css
index 7c0d23d..9f039af 100644
--- a/styles/prism-one-dark.css
+++ b/styles/prism-one-dark.css
@@ -33,8 +33,9 @@
   background: hsl(220, 13%, 18%);
   color: hsl(220, 14%, 71%);
   text-shadow: 0 1px rgba(0, 0, 0, 0.3);
-  font-family: 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono',
-    monospace;
+  /* font-family: 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono',
+    monospace; */
+  font-family: 'JetBrains Mono', -apple-system, 'DejaVu Sans Mono', monospace;
   direction: ltr;
   text-align: left;
   white-space: pre;
diff --git a/styles/prism-one-light.css b/styles/prism-one-light.css
index c6982c1..c6ccb70 100644
--- a/styles/prism-one-light.css
+++ b/styles/prism-one-light.css
@@ -32,8 +32,9 @@ code,
 pre {
   background: #fff;
   color: hsl(230, 8%, 24%);
-  font-family: 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono',
-    monospace;
+  /* font-family: 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono',
+    monospace; */
+  font-family: 'JetBrains Mono', -apple-system, 'DejaVu Sans Mono', monospace;
   direction: ltr;
   text-align: left;
   white-space: pre;
diff --git a/styles/rua.css b/styles/rua.css
index 64af8a7..0614e62 100644
--- a/styles/rua.css
+++ b/styles/rua.css
@@ -244,7 +244,6 @@ h6:hover::before {
   font-size: 85%;
   background-color: var(--color-neutral-muted);
   border-radius: 6px;
-  font-family: 'JetBrains Mono', -apple-system, monospace;
 }
 #article pre > code {
   padding: 0;
@@ -253,7 +252,6 @@ h6:hover::before {
   white-space: pre;
   background: transparent;
   border: 0;
-  font-family: 'JetBrains Mono', -apple-system, monospace;
 }
 
 #article code,
@@ -261,7 +259,6 @@ h6:hover::before {
 #article pre,
 #article samp {
   /* font-family: monospace, monospace; */
-  font-family: 'JetBrains Mono', -apple-system, monospace;
   font-size: 16px;
 }
 
diff --git a/tailwind.config.js b/tailwind.config.js
index 4db3709..25bd261 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -12,7 +12,7 @@ module.exports = {
         'Aref-Ruqaa': ['Aref Ruqaa', 'serif'],
         Barlow: ['Barlow', 'sans-serif'],
         Poppins: ['Poppins', 'sans-serif'],
-        Mono: ['JetBrains Mono', 'monospace'],
+        Mono: ['JetBrains Mono', '-apple-system', 'monospace'],
       },
       colors: {
         bluish: {