From 7f8058ef2811f1b0bf1ff7d9c5607b9e5757ee7b Mon Sep 17 00:00:00 2001
From: Anis Koubaa <mohamed.koubaa@kit.edu>
Date: Wed, 19 Mar 2025 12:36:26 +0100
Subject: [PATCH] Rename themes and color buttons in NavigationBar.
---
services/frontend/src/components/NavigationBar.vue | 8 +++++++-
services/frontend/src/plugins/vuetify.js | 14 +++++++-------
2 files changed, 14 insertions(+), 8 deletions(-)
diff --git a/services/frontend/src/components/NavigationBar.vue b/services/frontend/src/components/NavigationBar.vue
index 87b529d..1cf6d73 100644
--- a/services/frontend/src/components/NavigationBar.vue
+++ b/services/frontend/src/components/NavigationBar.vue
@@ -40,25 +40,31 @@
<v-spacer />
<v-btn
+ color="primary"
to="/"
>
Home
</v-btn>
<v-btn
+ color="primary"
to="/index_visit"
>
About
</v-btn>
<v-btn
+ color="primary"
href="https://gitlab.kit.edu/kit/iai/it4edm/regimo"
target="_blank"
rel="noopener"
>
git
</v-btn>
- <v-btn @click="toggleTheme">
+ <v-btn
+ color="primary"
+ @click="toggleTheme"
+ >
toggle theme
</v-btn>
<v-spacer />
diff --git a/services/frontend/src/plugins/vuetify.js b/services/frontend/src/plugins/vuetify.js
index f18e08e..da9690e 100644
--- a/services/frontend/src/plugins/vuetify.js
+++ b/services/frontend/src/plugins/vuetify.js
@@ -8,9 +8,9 @@
import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'
-
import { createVuetify } from 'vuetify'
-const kit_DarkTheme = {
+
+const dark = {
dark: true,
colors: {
background: '#181818',
@@ -63,7 +63,7 @@ const kit_DarkTheme = {
'overlay-background': '#181b1b',
}
}
-const kit_LightTheme = {
+const light = {
dark: false,
colors: {
background: '#ededed',
@@ -119,10 +119,10 @@ const kit_LightTheme = {
export default createVuetify({
theme: {
- defaultTheme: 'kit_LightTheme',
+ defaultTheme: 'light',
themes: {
- kit_LightTheme,
- kit_DarkTheme,
- },
+ light,
+ dark,
+ }
},
})
--
GitLab