From b2ebc4bd864ca13b5d5fc954cbe5236db5e5799e Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Tue, 16 Apr 2024 18:19:29 +0300
Subject: [PATCH] chore: Inline globals.css like the rest of the CSS

---
 public/globals.css      | 21 ---------------------
 src/pages/_document.tsx | 23 ++++++++++++++++++++++-
 2 files changed, 22 insertions(+), 22 deletions(-)
 delete mode 100644 public/globals.css

diff --git a/public/globals.css b/public/globals.css
deleted file mode 100644
index 0a577f7a..00000000
--- a/public/globals.css
+++ /dev/null
@@ -1,21 +0,0 @@
-:root {
-    --brand-color: #16864d;
-    --background: #fafafa;
-    --foreground: #18181b;
-    --muted: #e4e4e7;
-    --muted-foreground: #3f3f46;
-    --border: #d4d4d8;
-    --search-input: #fff;
-}
-
-@media (prefers-color-scheme: dark) {
-    :root {
-        --brand-color: #32de85;
-        --background: #09090b;
-        --foreground: #f4f4f5;
-        --muted: #27272a;
-        --muted-foreground: #d4d4d8;
-        --border: #3f3f46;
-        --search-input: #18181b;
-    }
-}
\ No newline at end of file
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index 2d67bcc2..602167a5 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -23,6 +23,28 @@ import type { NpmManifest, PackageVersion, ParsedUrlQuery } from '../types';
 const existingPaths = new Set(Object.values(pages));
 const logoSize = 108;
 const css = `
+:root {
+    --brand-color: #16864d;
+    --background: #fafafa;
+    --foreground: #18181b;
+    --muted: #e4e4e7;
+    --muted-foreground: #3f3f46;
+    --border: #d4d4d8;
+    --search-input: #fff;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --brand-color: #32de85;
+        --background: #09090b;
+        --foreground: #f4f4f5;
+        --muted: #27272a;
+        --muted-foreground: #d4d4d8;
+        --border: #3f3f46;
+        --search-input: #18181b;
+    }
+}
+
 body {
     margin: 0;
     padding: 0;
@@ -140,7 +162,6 @@ export async function renderPage(
                 <meta name="viewport" content="width=device-width, initial-scale=1">
                 <title>${escapeHtml(title)}</title>
                 <meta name="description" content="${escapeHtml(description)}">
-                <link rel="stylesheet" href="/globals.css">
                 <style>${css}</style>
                 <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
                 <link rel="icon" href="/favicon-32x32.png" sizes="32x32" type="image/png">