feat: change colorMode prop name

Author: mym0404

src/provider/DesignProvider.tsx

@@ -15,25 +15,26 @@ import { InitialCookiesProvider } from './InitialCookieProvider';
 
 type Props = PropsWithChildren<{
   theme?: Dict;
-  initialColorMode?: 'dark' | 'light';
+  /** color mode of theme, default: light */
+  colorMode?: 'dark' | 'light';
   enableColorModeScript?: boolean;
 }>;
 
 const cookieKey = 'chakra-ui-color-mode';
 export const DesignProvider = ({
   children,
   theme,
-  initialColorMode = 'light',
+  colorMode = 'light',
   enableColorModeScript = true,
 }: Props) => {
   return (
-    <InitialCookiesProvider cookies={[{ name: cookieKey, value: initialColorMode }]}>
+    <InitialCookiesProvider cookies={[{ name: cookieKey, value: colorMode }]}>
       {enableColorModeScript ? (
-        <ColorModeScript initialColorMode={initialColorMode} type={'cookie'} />
+        <ColorModeScript initialColorMode={colorMode} type={'cookie'} />
       ) : null}
       <StyledComponentsRegistry>
         <ChakraProvider
-          colorModeManager={cookieStorageManagerSSR(`cookieKey=${initialColorMode}`)}
+          colorModeManager={cookieStorageManagerSSR(`${cookieKey}=${colorMode}`)}
           theme={theme ?? baseTheme}
         >
           <AppAlertDialogProvider>{children}</AppAlertDialogProvider>