From 6241e4c3922f45f47ecfffeac3f21c74b85fd8a6 Mon Sep 17 00:00:00 2001
From: kawamataryo <ryo.kawamata0425@gmail.com>
Date: Fri, 2 Feb 2024 15:14:29 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20add=20darkmode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/Modal.tsx    | 2 +-
 src/lib/components/UserCard.tsx | 2 +-
 src/lib/constants.ts            | 2 +-
 src/popup.tsx                   | 4 ++--
 tailwind.config.js              | 7 ++++++-
 5 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/Modal.tsx b/src/lib/components/Modal.tsx
index 2659ac1..08f7248 100644
--- a/src/lib/components/Modal.tsx
+++ b/src/lib/components/Modal.tsx
@@ -10,7 +10,7 @@ const Modal = ({ children, anchorRef, open = false }: Props) => {
   return (
     <>
       <dialog className="modal" ref={anchorRef} open={open}>
-        <div className="modal-box p-10 bg-white w-[750px] max-w-none text-gray-800">
+        <div className="modal-box p-10 bg-base-100 w-[750px] max-w-none text-base-content">
           {children}
         </div>
         <form method="dialog" className="modal-backdrop">
diff --git a/src/lib/components/UserCard.tsx b/src/lib/components/UserCard.tsx
index 42fcd69..17cc6ef 100644
--- a/src/lib/components/UserCard.tsx
+++ b/src/lib/components/UserCard.tsx
@@ -117,7 +117,7 @@ const UserCard = ({ user, actionMode, clickAction }: Props) => {
                   {user.displayName}
                 </a>
               </h2>
-              <p className="whitespace-nowrap w-fit break-all text-gray-500 text-sm">
+              <p className="whitespace-nowrap w-fit break-all text-gray-500 dark:text-gray-400 text-sm">
                 <a
                   href={`https://bsky.app/profile/${user.handle}`}
                   target="_blank"
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index f9aaa35..08746c5 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -70,6 +70,6 @@ export const MATCH_TYPE_LABEL_AND_COLOR = {
   },
   [BSKY_USER_MATCH_TYPE.DESCRIPTION]: {
     label: "Included handle name in description",
-    color: "neutral",
+    color: "secondary",
   },
 };
diff --git a/src/popup.tsx b/src/popup.tsx
index acc6de1..062e69c 100644
--- a/src/popup.tsx
+++ b/src/popup.tsx
@@ -131,7 +131,7 @@ function IndexPopup() {
 
   return (
     <div className="px-5 pt-3 pb-4 w-[380px]">
-      <h1 className="text-primary text-2xl font-thin flex gap-2 items-center">
+      <h1 className="text-primary dark:text-white text-2xl font-thin flex gap-2 items-center">
         <svg
           className="w-5 h-5"
           xmlns="http://www.w3.org/2000/svg"
@@ -210,7 +210,7 @@ function IndexPopup() {
         <button
           type="submit"
           className={
-            "disabled:text-gray-600 mt-3 normal-case btn btn-primary btn-sm w-full"
+            "disabled:text-gray-600 dark:disabled:bg-gray-700 dark:disabled:text-gray-300 mt-3 normal-case btn btn-primary btn-sm w-full"
           }
           disabled={isDisabled}
         >
diff --git a/tailwind.config.js b/tailwind.config.js
index 03c81e9..b5e0999 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -18,7 +18,12 @@ module.exports = {
           primary: "#1D4ED8"
         }
       },
+      {
+        dark: {
+          ...require("daisyui/src/theming/themes").night,
+          primary: "#1D4ED8"
+        }
+      }
     ],
   },
-  darkMode: ['class', '[data-theme="night"]']
 }