From 891b414d5f132310c4d84dd2757dbb293fe750b5 Mon Sep 17 00:00:00 2001
From: johnnyjoy <yourselfhosted@gmail.com>
Date: Wed, 7 May 2025 22:04:53 +0800
Subject: [PATCH] chore: fix dark mode

---
 frontend/web/src/components/AnalyticsView.tsx  | 8 +++++---
 frontend/web/src/pages/CollectionDashboard.tsx | 2 +-
 frontend/web/src/pages/ShortcutDashboard.tsx   | 2 +-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/web/src/components/AnalyticsView.tsx b/frontend/web/src/components/AnalyticsView.tsx
index ff0f752..9deb754 100644
--- a/frontend/web/src/components/AnalyticsView.tsx
+++ b/frontend/web/src/components/AnalyticsView.tsx
@@ -113,12 +113,12 @@ const AnalyticsView: React.FC<Props> = (props: Props) => {
                   </div>
                 </div>
               ) : (
-                <div className="w-full divide-y divide-gray-300">
+                <div className="w-full divide-y divide-gray-300 dark:divide-zinc-700">
                   <div className="w-full flex flex-row justify-between items-center">
                     <span className="py-2 px-2 text-left text-sm font-semibold text-gray-500">{t("analytics.operating-system")}</span>
                     <span className="py-2 pr-2 text-right text-sm font-semibold text-gray-500">{t("analytics.visitors")}</span>
                   </div>
-                  <div className="w-full divide-y divide-gray-200">
+                  <div className="w-full divide-y divide-gray-200 dark:divide-zinc-800">
                     {analytics.devices.length === 0 && (
                       <div className="w-full flex flex-row justify-center items-center py-6 text-gray-400">
                         <Icon.PackageOpen className="w-6 h-auto" />
@@ -127,7 +127,9 @@ const AnalyticsView: React.FC<Props> = (props: Props) => {
                     )}
                     {analytics.devices.map((device) => (
                       <div key={device.name} className="w-full flex flex-row justify-between items-center">
-                        <span className="whitespace-nowrap py-2 px-2 text-sm text-gray-900 truncate">{device.name || "Unknown"}</span>
+                        <span className="whitespace-nowrap py-2 px-2 text-sm text-gray-900 truncate dark:text-gray-500">
+                          {device.name || "Unknown"}
+                        </span>
                         <span className="whitespace-nowrap py-2 pr-2 text-sm text-gray-500 text-right shrink-0">{device.count}</span>
                       </div>
                     ))}
diff --git a/frontend/web/src/pages/CollectionDashboard.tsx b/frontend/web/src/pages/CollectionDashboard.tsx
index 28842d2..cd7c2d5 100644
--- a/frontend/web/src/pages/CollectionDashboard.tsx
+++ b/frontend/web/src/pages/CollectionDashboard.tsx
@@ -78,7 +78,7 @@ const CollectionDashboard: React.FC = () => {
             <Icon.PackageOpen size={64} strokeWidth={1} />
             <p className="mt-2">No collections found.</p>
             <a
-              className="text-blue-600 border-t text-sm hover:underline flex flex-row justify-center items-center mt-4 pt-2"
+              className="text-blue-600 border-t dark:border-t-zinc-600 text-sm hover:underline flex flex-row justify-center items-center mt-4 pt-2"
               href="https://github.com/yourselfhosted/slash/blob/main/docs/getting-started/collections.md"
               target="_blank"
             >
diff --git a/frontend/web/src/pages/ShortcutDashboard.tsx b/frontend/web/src/pages/ShortcutDashboard.tsx
index a6912b6..f135790 100644
--- a/frontend/web/src/pages/ShortcutDashboard.tsx
+++ b/frontend/web/src/pages/ShortcutDashboard.tsx
@@ -80,7 +80,7 @@ const ShortcutDashboard: React.FC = () => {
             <Icon.PackageOpen size={64} strokeWidth={1} />
             <p className="mt-2">No shortcuts found.</p>
             <a
-              className="text-blue-600 border-t text-sm hover:underline flex flex-row justify-center items-center mt-4 pt-2"
+              className="text-blue-600 border-t dark:border-t-zinc-600 text-sm hover:underline flex flex-row justify-center items-center mt-4 pt-2"
               href="https://github.com/yourselfhosted/slash/blob/main/docs/getting-started/shortcuts.md"
               target="_blank"
             >