Workspaces in Workspaces all around

src/workspaces/components/ui/ThemeToggle.tsx

@@ -1,19 +1,19 @@
 import { Moon, Sun } from 'lucide-react';
 import { cn } from 'helpers/cn';
-import { useTheme } from './ThemeProvider';
+import { useColorMode } from './ThemeProvider';
 
 type ThemeToggleProps = { colorDark?: boolean; colorLight?: boolean };
 
 export const ThemeToggle = (props: ThemeToggleProps) => {
   const { colorDark, colorLight } = props;
-  const { theme, setTheme } = useTheme();
+  const { colorMode, setColorMode } = useColorMode();
 
-  const changeTheme = () => {
-    setTheme(theme === 'dark' ? 'light' : 'dark');
+  const toggle = () => {
+    setColorMode(colorMode === 'dark' ? 'light' : 'dark');
   };
 
   return (
-    <div className="cursor-pointer" onClick={changeTheme}>
+    <div className="cursor-pointer" onClick={toggle}>
       <Sun
         className={cn(
           'h-[1.2rem] w-[1.2rem] origin-center rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0',
@@ -26,7 +26,7 @@ export const ThemeToggle = (props: ThemeToggleProps) => {
           colorDark && 'text-black',
         )}
       />
-      <span className="sr-only">Toggle theme</span>
+      <span className="sr-only">Toggle color mode</span>
     </div>
   );
 };