refactor(app): add theme toggle functionality and improve theme management

2026-04-03 14:51:45 +02:00
parent 68c7a1ca6a
commit e21a2fc1c5
5 changed files with 169 additions and 4 deletions
@@ -1,9 +1,19 @@
-/* Duempelkas App Styles – Dark Mode */
+/* Duempelkas App Styles */

 :root {
    --color-income: #4ade80;
    --color-expense: #f87171;
    --color-transfer: #60a5fa;
+    --color-bg: #ddd;
+    --color-surface: #ffffff;
+    --color-surface-hover: #f1f5f9;
+    --color-border: #d9e2ef;
+    --color-text: #0f172a;
+    --color-text-muted: #64748b;
+    --color-accent: #4f46e5;
+}
+
+html[data-ui-theme="dark"] {
    --color-bg: #1a1a2e;
    --color-surface: #16213e;
    --color-surface-hover: #1e2d4a;
@@ -311,7 +321,7 @@ html, body {
 .btn-dark {
    background-color: #334155;
    border-color: #475569;
-    color: var(--color-text);
+    color: #f8fafc;
 }

 .btn-dark:hover {
@@ -319,6 +329,12 @@ html, body {
    border-color: #64748b;
 }

+html[data-ui-theme="light"] .btn-dark {
+    background-color: #334155;
+    border-color: #334155;
+    color: #f8fafc;
+}
+
 /* Table */
 .table {
    --bs-table-bg: transparent;