From 838fd24033b0d75db86f49566edba6fb98c13739 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Mon, 11 Sep 2023 19:09:36 -0500
Subject: [PATCH] Have sonner toast grays match site

---
 src/components/ToasterClient.tsx | 2 +-
 src/site/globals.css             | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/ToasterClient.tsx b/src/components/ToasterClient.tsx
index 40e89942..a12b7581 100644
--- a/src/components/ToasterClient.tsx
+++ b/src/components/ToasterClient.tsx
@@ -8,7 +8,7 @@ export default function ToasterClient() {
   return (
     <Toaster
       theme={theme as 'system' | 'light' | 'dark'}
-      className="!font-mono"
+      className="toaster"
     />
   );
 }
\ No newline at end of file
diff --git a/src/site/globals.css b/src/site/globals.css
index f72b1c1c..68541075 100644
--- a/src/site/globals.css
+++ b/src/site/globals.css
@@ -70,4 +70,9 @@
       disabled:bg-transparent dark:disabled:bg-transparent
       disabled:border-gray-100 dark:disabled:border-gray-900
   }
+  .toaster [data-sonner-toast] {
+    @apply
+      font-mono
+      !border-gray-200 dark:!border-gray-800
+  }
 }