diff --git a/app/src/styles/base/base.scss b/app/src/styles/base/base.scss
index 0dea569..e74c0ec 100644
--- a/app/src/styles/base/base.scss
+++ b/app/src/styles/base/base.scss
@@ -75,7 +75,7 @@
   height: 100vh; // Full viewport height
   width: 100vw; // Full viewport width
   overflow: hidden; // Prevent scrollbars
-  background-color: #232323;
+  background-color: var(--background-color-gray);
 }
 
 // Root overlay styles
diff --git a/app/src/utils/theme.ts b/app/src/utils/theme.ts
index 03d2454..754904b 100644
--- a/app/src/utils/theme.ts
+++ b/app/src/utils/theme.ts
@@ -20,12 +20,3 @@ export function toggleTheme() {
 
 // Initialize theme on page load
 setTheme();
-
-// Example: Call toggleTheme() when a button is clicked
-const toggleSwitch: Element | null = document.querySelector('#theme-switch');
-
-if (toggleSwitch) {
-    toggleSwitch.addEventListener('click', toggleTheme);
-} else {
-    console.warn("Theme switch button not found!");
-}