Rename themes and color buttons in NavigationBar.

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 />

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,
+    }
   },
 })