From 91958489c0be1f98557154088527f9ac49c2a0d3 Mon Sep 17 00:00:00 2001
From: arne <arne_hertstein@gmx.de>
Date: Sun, 1 Dec 2024 14:59:31 +0100
Subject: [PATCH] save light mode

---
 src/ui/Root/Root.vue | 5 +++++
 src/ui/global.css    | 6 ++----
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/ui/Root/Root.vue b/src/ui/Root/Root.vue
index e003d60..04b1191 100644
--- a/src/ui/Root/Root.vue
+++ b/src/ui/Root/Root.vue
@@ -129,6 +129,11 @@
     const sidebarActive = ref(false);
 
     const appStateStore = useAppStateStore();
+
+    function toggleTheme() {
+        appStateStore.isDark.value = !appStateStore.isDark.value;
+    }
+
     const beatStore = useBeatStore();    
 
     window.drumslayer = {
diff --git a/src/ui/global.css b/src/ui/global.css
index 0e13640..6534f75 100644
--- a/src/ui/global.css
+++ b/src/ui/global.css
@@ -23,10 +23,6 @@ html, body {
     --color-p-dark-active: #464646;
     --color-title-light: #282828;
     --color-title-dark: #282828;
-    --color-box-dark: #464646;
-    --color-box-dark-border: #464646;
-    --color-box-hover-dark: #5f5f5f;
-    --color-box-hover-dark-border: #5f5f5f;
     --color-box: #e0e0e0;
     --color-box-hover: #f1f1f1;
 }
@@ -53,6 +49,8 @@ body.dark {
     --color-p-dark-active: #464646;
     --color-title-light: #fafafa;
     --color-title-dark: #282828;
+    --color-box: #464646;
+    --color-box-hover: #5f5f5f;
 }
 
 html, body {