diff --git a/frontend/src/components/__tests__/HeaderDefault.spec.ts b/frontend/src/components/__tests__/HeaderDefault.spec.ts
index 3d269cc6..ae120a6d 100644
--- a/frontend/src/components/__tests__/HeaderDefault.spec.ts
+++ b/frontend/src/components/__tests__/HeaderDefault.spec.ts
@@ -56,7 +56,7 @@ describe('HeaderDefault.vue', () => {
const logo = wrapper.find('#logo')
const title = wrapper.find('a[href="/"]')
expect(logo.exists()).toBe(true)
- expect(title.text()).toBe('Explanation and Evaluation of Variants v0.0.0')
+ expect(title.text()).toBe('Explanation and Evaluation of Variants')
})
it('renders the navigation links', () => {
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index b5475cd7..d365cf99 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -13,10 +13,31 @@ import App from '@/App.vue'
import router from '@/router'
const app = createApp(App)
+
+const LightTheme = {
+ dark: false,
+ colors: {
+ background: '#FFFFFF',
+ surface: '#FFFFFF',
+ primary: '#E55540',
+ 'primary-darken-1': '#3700B3',
+ secondary: '#03DAC6',
+ 'secondary-darken-1': '#018786',
+ error: '#B00020',
+ info: '#2196F3',
+ success: '#4CAF50',
+ warning: '#FB8C00'
+ }
+}
+
const vuetify = createVuetify({
blueprint: md3,
components,
- directives
+ directives,
+ theme: {
+ defaultTheme: 'LightTheme',
+ themes: { LightTheme }
+ }
})
app.use(createPinia())
diff --git a/frontend/src/views/HomeView.vue b/frontend/src/views/HomeView.vue
index 9dcd4355..54c7c31a 100644
--- a/frontend/src/views/HomeView.vue
+++ b/frontend/src/views/HomeView.vue
@@ -9,6 +9,7 @@ import { ref } from 'vue'
import { useRouter } from 'vue-router'
import HeaderDefault from '@/components/HeaderDefault.vue'
+import FooterDefault from '@/components/FooterDefault.vue'
import SearchBar from '@/components/SearchBar.vue'
import { search } from '@/api/utils'
@@ -69,6 +70,7 @@ const performSearch = async () => {
+