diff --git a/src/App.vue b/src/App.vue
index ce32ddc..c283e70 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -21,14 +21,14 @@ import Footer from './features/footer/components/Footer.vue';
 import { useColorTheme } from './features/colorTheme/composables/useColorTheme';
 import { ref, provide, watch } from 'vue';
 
-const { getColorTheme, updateColorTheme, appHasDarkClass } = useColorTheme();
+const { getColorTheme, updateColorTheme } = useColorTheme();
 const colorTheme = ref(getColorTheme());
 provide('colorTheme', colorTheme);
 watch(colorTheme, val => updateColorTheme(val))
 </script>
 
 <template>
-    <div :class="{ dark: appHasDarkClass(colorTheme) }" class="app-wrapper">
+    <div :class="{ dark: colorTheme === 'dark' }" class="app-wrapper">
         <Navbar />
 
         <div class="main-content">
diff --git a/src/features/colorTheme/composables/useColorTheme.js b/src/features/colorTheme/composables/useColorTheme.js
index e9a9853..e8798f1 100644
--- a/src/features/colorTheme/composables/useColorTheme.js
+++ b/src/features/colorTheme/composables/useColorTheme.js
@@ -32,13 +32,8 @@ export const useColorTheme = function () {
         localStorage.setItem('theme', actualNewTheme);
     };
 
-    const appHasDarkClass = function (colorTheme) {
-        return colorTheme === 'dark';
-    };
-
     return {
         getColorTheme,
-        updateColorTheme,
-        appHasDarkClass
+        updateColorTheme
     };
 };
\ No newline at end of file