vibe themes

2025-04-24 17:24:07 +03:00
parent 092577f192
commit 9cbc5910ef
20 changed files with 993 additions and 145 deletions
@@ -5,9 +5,10 @@ import {
    Center,
    useColorMode
 } from '@chakra-ui/react'
+import { useThemeManager } from '../../hooks/useThemeManager';

 export const PageLoader = () => {
-    const { colorMode } = useColorMode();
+    const { isLightVariant } = useThemeManager();
    
    return (
        <Container maxW="container.xl">
@@ -15,8 +16,8 @@ export const PageLoader = () => {
                <Spinner
                    thickness="4px"
                    speed="0.65s"
-                    emptyColor={colorMode === 'light' ? 'gray.200' : 'gray.600'}
-                    color={colorMode === 'light' ? 'blue.500' : 'blue.300'}
+                    emptyColor={isLightVariant ? 'gray.200' : 'gray.600'}
+                    color={isLightVariant ? 'blue.500' : 'blue.300'}
                    size="xl"
                />
            </Center>