From 130d021632d80dfb0126472a230fee715caa5959 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Tue, 20 Sep 2022 02:32:36 +0100
Subject: [PATCH] feat: css variable --font-fans

---
 src/css/tailwind.css                             |  1 +
 src/pages/dashboard/[subdomain]/settings/css.tsx | 10 ++++++++++
 2 files changed, 11 insertions(+)

diff --git a/src/css/tailwind.css b/src/css/tailwind.css
index 2099ac5e..e6febd35 100644
--- a/src/css/tailwind.css
+++ b/src/css/tailwind.css
@@ -6,6 +6,7 @@
   html {
     @apply text-zinc-800;
     @apply fill-zinc-800;
+    font-family: var(--font-fans);
   }
 }
 
diff --git a/src/pages/dashboard/[subdomain]/settings/css.tsx b/src/pages/dashboard/[subdomain]/settings/css.tsx
index 3d1142ce..1d044042 100644
--- a/src/pages/dashboard/[subdomain]/settings/css.tsx
+++ b/src/pages/dashboard/[subdomain]/settings/css.tsx
@@ -63,6 +63,16 @@ export default function SettingsDomainsPage() {
                   --theme-color-dark: #4338ca;
                 </span>
               </p>
+              <p>
+                <span className="bg-zinc-200 rounded-lg px-2">
+                  --font-fans: ui-sans-serif, system-ui, -apple-system,
+                  BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,
+                  &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;,
+                  sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI
+                  Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color
+                  Emoji&quot;;
+                </span>
+              </p>
             </div>
             <FieldLabel label="Custom CSS" />
             <Editor