diff --git a/FrontendV2/src/components/ui/provider.tsx b/FrontendV2/src/components/ui/provider.tsx
index cac759d..d0ee0f1 100644
--- a/FrontendV2/src/components/ui/provider.tsx
+++ b/FrontendV2/src/components/ui/provider.tsx
@@ -1,8 +1,16 @@
 "use client";
 
 import { ChakraProvider, defaultSystem } from "@chakra-ui/react";
-import { ColorModeProvider, type ColorModeProviderProps } from "./color-mode";
-import type { ReactNode } from "react";
+import * as React from "react";
+
+export interface ColorModeProviderProps {
+  children: React.ReactNode;
+}
+
+export function ColorModeProvider({ children }: ColorModeProviderProps) {
+  // add real color-mode logic here if you need it
+  return <>{children}</>;
+}
 
 export function Provider({ children }: { children: ReactNode }) {
   return (
diff --git a/FrontendV2/src/main.tsx b/FrontendV2/src/main.tsx
index 5240b16..5f2690b 100644
--- a/FrontendV2/src/main.tsx
+++ b/FrontendV2/src/main.tsx
@@ -5,6 +5,7 @@ import "./index.css";
 import App from "./App.tsx";
 import i18n from "./utils/i18n"; // import i18n configuration DO NOT REMOVE
 import { Providers } from "@/components/ui/Providers";
+import { ColorModeProvider } from "@/components/ui/provider";
 
 // Prevent unused variable tree shaking
 let i18nUnused = i18n;