From de22d4675cdbeabb76be48ae1a092832053e7b37 Mon Sep 17 00:00:00 2001
From: myst <myst@titan.tf>
Date: Tue, 28 May 2024 00:15:18 +0800
Subject: [PATCH] fix: Callout component in dark mode

---
 components/callout.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/callout.tsx b/components/callout.tsx
index 7b3b60a8..707d1714 100644
--- a/components/callout.tsx
+++ b/components/callout.tsx
@@ -15,8 +15,9 @@ export function Callout({
   return (
     <div
       className={cn("my-6 flex items-start rounded-md border border-l-4 p-4", {
-        "border-red-900 bg-red-50": type === "danger",
-        "border-yellow-900 bg-yellow-50": type === "warning",
+        "border-red-900 bg-red-50 dark:bg-red-900/[.5]": type === "danger",
+        "border-yellow-900 bg-yellow-50 dark:bg-yellow-900/[.5]":
+          type === "warning",
       })}
       {...props}
     >