sass, global vars, components

apps/login/ui/LayoutProviders.tsx

@@ -1,6 +1,8 @@
 "use client";
 
+import { ColorService } from "#/utils/colors";
 import { ThemeProvider, useTheme } from "next-themes";
+import { useEffect } from "react";
 
 type Props = {
   children: React.ReactNode;
@@ -10,7 +12,10 @@ export function LayoutProviders({ children }: Props) {
   const { resolvedTheme } = useTheme();
   const isDark = resolvedTheme && resolvedTheme === "dark";
 
-  console.log(isDark);
+  useEffect(() => {
+    new ColorService(document);
+  });
+
   return (
     <ThemeProvider
       attribute="class"