djledda/arne-drums
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

save light mode

Browse Source
This commit is contained in:
arne
2024-12-01 14:59:31 +01:00
parent e64f45bd21
commit 91958489c0
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/ui/Root/Root.vue
View File

@@ -129,6 +129,11 @@
const sidebarActive = ref(false); const sidebarActive = ref(false);
const appStateStore = useAppStateStore(); const appStateStore = useAppStateStore();
function toggleTheme() {
appStateStore.isDark.value = !appStateStore.isDark.value;
}
const beatStore = useBeatStore(); const beatStore = useBeatStore();
window.drumslayer = { window.drumslayer = {

6
src/ui/global.css
View File

@@ -23,10 +23,6 @@ html, body {
--color-p-dark-active: #464646; --color-p-dark-active: #464646;
--color-title-light: #282828; --color-title-light: #282828;
--color-title-dark: #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: #e0e0e0;
--color-box-hover: #f1f1f1; --color-box-hover: #f1f1f1;
} }
@@ -53,6 +49,8 @@ body.dark {
--color-p-dark-active: #464646; --color-p-dark-active: #464646;
--color-title-light: #fafafa; --color-title-light: #fafafa;
--color-title-dark: #282828; --color-title-dark: #282828;
--color-box: #464646;
--color-box-hover: #5f5f5f;
} }
html, body { html, body {