From 3bad762329fc999daefbe457489ee4080f8370e0 Mon Sep 17 00:00:00 2001 From: root Date: Fri, 20 Mar 2026 23:51:06 +0000 Subject: [PATCH] feat: Dark Mode mit Toggle, localStorage-Persistenz und System-Preference - Sun/Moon Toggle im Top-Bar - Alle Seiten und Komponenten mit dark: Varianten - Tailwind darkMode: 'class' Strategie - Respektiert prefers-color-scheme als Default --- frontend/index.html | 2 +- frontend/src/components/ConfirmDialog.tsx | 6 +-- frontend/src/components/EmptyState.tsx | 8 ++-- frontend/src/components/Layout.tsx | 55 +++++++++++++--------- frontend/src/components/Modal.tsx | 6 +-- frontend/src/components/Pagination.tsx | 8 ++-- frontend/src/components/SearchBar.tsx | 4 +- frontend/src/components/StatusBadge.tsx | 8 ++-- frontend/src/hooks/useDarkMode.ts | 38 +++++++++++++++ frontend/src/index.css | 12 ++--- frontend/src/pages/Dashboard.tsx | 56 +++++++++++------------ frontend/src/pages/LoginPage.tsx | 16 +++---- frontend/src/pages/TenantList.tsx | 42 ++++++++--------- frontend/src/pages/UserList.tsx | 48 +++++++++---------- frontend/src/pages/WorkflowEditor.tsx | 42 ++++++++--------- frontend/src/pages/WorkflowList.tsx | 48 +++++++++---------- frontend/src/pages/WorkflowView.tsx | 38 +++++++-------- frontend/tailwind.config.js | 1 + 18 files changed, 245 insertions(+), 193 deletions(-) create mode 100644 frontend/src/hooks/useDarkMode.ts diff --git a/frontend/index.html b/frontend/index.html index 757a2c4..bfd4e89 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -6,7 +6,7 @@ Workflow Portal - +
diff --git a/frontend/src/components/ConfirmDialog.tsx b/frontend/src/components/ConfirmDialog.tsx index 444dc7c..327f04c 100644 --- a/frontend/src/components/ConfirmDialog.tsx +++ b/frontend/src/components/ConfirmDialog.tsx @@ -29,7 +29,7 @@ export default function ConfirmDialog({
-

{title}

-

{message}

+

{title}

+

{message}

@@ -139,25 +143,34 @@ export default function Layout({ children }: { children: React.ReactNode }) { {/* Desktop sidebar */} -