fix: remove color mode deps

integrations/storybook/src/context/ThemeProvider.tsx

@@ -1,8 +1,6 @@
 import React from 'react';
 import { ThemeProvider as ThemeUIProvider } from '@component-controls/components';
-import { useIsDark } from './useIsDark';
 
 export const ThemeProvider: React.FC = ({ children }) => {
-  const isDark = useIsDark();
-  return <ThemeUIProvider dark={isDark}>{children}</ThemeUIProvider>;
+  return <ThemeUIProvider>{children}</ThemeUIProvider>;
 };

integrations/storybook/src/context/index.ts

@@ -1,4 +1,3 @@
 export * from './BlockContext';
 export * from './ControlsProvider';
-export * from './useIsDark';
 export * from './ThemeProvider';

integrations/storybook/src/docs-page/DocsContainer.tsx

@@ -9,14 +9,12 @@ import {
   getGlobalOptions,
 } from '@component-controls/storybook-custom-docs';
 import { store } from '@component-controls/store/live_store';
-import { useIsDark } from '../context/useIsDark';
 
 export const PageContextContainer: FC = ({ children }) => {
   const options = React.useMemo(() => getGlobalOptions(), []);
   const storyId = useStoryId();
-  const isDark = useIsDark();
   return (
-    <ThemeProvider theme={store.config?.theme} dark={isDark}>
+    <ThemeProvider theme={store.config?.theme}>
       <BlockContextProvider storyId={storyId} store={store} options={options}>
         <BlockPageContainer variant="pagecontainer.storybook">
           {children}

ui/components/src/ThemeContext/ThemeContext.tsx

@@ -7,7 +7,6 @@ import { theme as defaultTheme } from './theme';
 
 export interface ThemeContextProps {
   theme?: Theme;
-  dark?: boolean;
 }
 export const ThemeContext = React.createContext<ThemeContextProps>({});
 
@@ -16,27 +15,21 @@ export interface ThemeProviderProps {
    * components to customize the markdown display.
    */
   components?: MarkdownComponentType;
-  dark?: boolean;
   theme?: Theme;
 }
 
 export const ThemeProvider: React.FC<ThemeProviderProps> = ({
   theme: customTheme,
   children,
-  dark,
   components = {},
 }) => {
   const theme = React.useMemo(() => {
-    return {
-      ...(customTheme ? merge(defaultTheme, customTheme) : defaultTheme),
-      initialColorModeName: dark ? 'dark' : 'default',
-    };
-  }, [dark, customTheme]);
+    return customTheme ? merge(defaultTheme, customTheme) : defaultTheme;
+  }, [customTheme]);
   return (
     <ThemeContext.Provider
       value={{
         theme,
-        dark,
       }}
     >
       <ThemeUIProvider