From c331b94b3e11007a91d3d67e1a34af237d308c8c Mon Sep 17 00:00:00 2001
From: Anis Koubaa <mohamed.koubaa@kit.edu>
Date: Wed, 19 Mar 2025 01:01:47 +0100
Subject: [PATCH] Make theme toggle-able.
---
.../frontend/src/components/NavigationBar.vue | 16 +++++++++++++---
1 file changed, 13 insertions(+), 3 deletions(-)
diff --git a/services/frontend/src/components/NavigationBar.vue b/services/frontend/src/components/NavigationBar.vue
index 757c6e4..87b529d 100644
--- a/services/frontend/src/components/NavigationBar.vue
+++ b/services/frontend/src/components/NavigationBar.vue
@@ -1,3 +1,13 @@
+<script setup>
+ import { useTheme } from 'vuetify'
+
+ const theme = useTheme()
+
+ function toggleTheme () {
+ theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark'
+}
+</script>
+
<template>
<v-app-bar
app
@@ -48,9 +58,9 @@
>
git
</v-btn>
+ <v-btn @click="toggleTheme">
+ toggle theme
+ </v-btn>
<v-spacer />
</v-app-bar>
</template>
-
-<script setup>
-</script>
--
GitLab