From a1d063c0a42c1333075469221f5312a22db73b2a Mon Sep 17 00:00:00 2001
From: daidr <daidr@daidr.me>
Date: Fri, 14 Apr 2023 01:32:43 +0800
Subject: [PATCH] fix: lottie logo color in dark mode

---
 src/components/common/Logo.tsx | 1 +
 src/css/tailwind.css           | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/src/components/common/Logo.tsx b/src/components/common/Logo.tsx
index d940a4dc..559f36ea 100644
--- a/src/components/common/Logo.tsx
+++ b/src/components/common/Logo.tsx
@@ -43,6 +43,7 @@ export const Logo: React.FC<{
             width: width || 100,
             height: height || 100,
           }}
+          className="xlog-lottie-logo"
         />
       )
   }
diff --git a/src/css/tailwind.css b/src/css/tailwind.css
index 45986e6d..4daed119 100644
--- a/src/css/tailwind.css
+++ b/src/css/tailwind.css
@@ -364,3 +364,7 @@ textarea.input {
   border-right-color: currentColor;
   @apply animate-spin;
 }
+
+.xlog-lottie-logo path[fill="rgb(0,0,0)"] {
+  @apply fill-current;
+}