diff --git a/frontend-new/src/App.vue b/frontend-new/src/App.vue
index de12dbd8d..dd38eb823 100644
--- a/frontend-new/src/App.vue
+++ b/frontend-new/src/App.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { useHead } from "@vueuse/head";
-import {ref} from 'vue';
 import { useSeo } from "~/composables/useSeo";
 import { useThemeStore } from '~/store/theme'
 
@@ -15,7 +14,7 @@ if (typeof window !== 'undefined') {
     theme.darkMode = (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches));
 
 
-    if (unref(theme.darkMode)){
+    if (theme.darkMode){
         document.documentElement.classList.add('dark');
     }else{
         document.documentElement.classList.add('light');
diff --git a/frontend-new/src/store/theme.ts b/frontend-new/src/store/theme.ts
index 57720cdac..aaaf16d23 100644
--- a/frontend-new/src/store/theme.ts
+++ b/frontend-new/src/store/theme.ts
@@ -1,8 +1,8 @@
 import { defineStore } from 'pinia'
-import {ref, unref} from 'vue';
+import {Ref, ref, unref} from 'vue';
 
 export const useThemeStore = defineStore('theme', () => {
-    const darkMode = ref(false);
+    const darkMode: Ref<boolean> = ref(false);
 
 
     function toggleDarkMode() {