From cb9786ef7c3a09f832a38a84e099c260721770f7 Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Mon, 25 Sep 2023 06:08:43 +0800
Subject: [PATCH] chore: fix title style in dark mode

---
 frontend/web/src/components/CreateShortcutDialog.tsx | 5 +----
 frontend/web/src/components/ShortcutCard.tsx         | 4 ++--
 frontend/web/src/components/ShortcutView.tsx         | 4 ++--
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/frontend/web/src/components/CreateShortcutDialog.tsx b/frontend/web/src/components/CreateShortcutDialog.tsx
index 1360341..054a107 100644
--- a/frontend/web/src/components/CreateShortcutDialog.tsx
+++ b/frontend/web/src/components/CreateShortcutDialog.tsx
@@ -283,10 +283,7 @@ const CreateShortcutDialog: React.FC<Props> = (props: Props) => {
               )}
               onClick={() => setShowOpenGraphMetadata(!showOpenGraphMetadata)}
             >
-              <span className="text-sm flex flex-row justify-start items-center">
-                Social media metadata
-                <Icon.Sparkles className="ml-1 w-4 h-auto text-blue-600" />
-              </span>
+              <span className="text-sm flex flex-row justify-start items-center">Social media metadata</span>
               <button className="w-7 h-7 p-1 rounded-md">
                 <Icon.ChevronDown className={classnames("w-4 h-auto text-gray-500", showOpenGraphMetadata ? "transform rotate-180" : "")} />
               </button>
diff --git a/frontend/web/src/components/ShortcutCard.tsx b/frontend/web/src/components/ShortcutCard.tsx
index fb4aca5..86a0886 100644
--- a/frontend/web/src/components/ShortcutCard.tsx
+++ b/frontend/web/src/components/ShortcutCard.tsx
@@ -63,9 +63,9 @@ const ShortcutView = (props: Props) => {
                   href={shortcutLink}
                 >
                   <div className="truncate">
-                    <span>{shortcut.title}</span>
+                    <span className="dark:text-gray-400">{shortcut.title}</span>
                     {shortcut.title ? (
-                      <span className="text-gray-400">(s/{shortcut.name})</span>
+                      <span className="text-gray-500">(s/{shortcut.name})</span>
                     ) : (
                       <>
                         <span className="text-gray-400 dark:text-gray-500">s/</span>
diff --git a/frontend/web/src/components/ShortcutView.tsx b/frontend/web/src/components/ShortcutView.tsx
index d88e525..68b7001 100644
--- a/frontend/web/src/components/ShortcutView.tsx
+++ b/frontend/web/src/components/ShortcutView.tsx
@@ -50,9 +50,9 @@ const ShortcutView = (props: Props) => {
                   target="_blank"
                 >
                   <div className="truncate">
-                    <span>{shortcut.title}</span>
+                    <span className="dark:text-gray-400">{shortcut.title}</span>
                     {shortcut.title ? (
-                      <span className="text-gray-400">(s/{shortcut.name})</span>
+                      <span className="text-gray-500">(s/{shortcut.name})</span>
                     ) : (
                       <>
                         <span className="text-gray-400 dark:text-gray-500">s/</span>