import { createGlobalStyle , ThemeContext , ThemeProvider , } from 'styled-components' ; import { createColorModeProvider , createColorStyles } from '@xstyled/core' ; const ColorModeStyle = createGlobalStyle `${ ( p ) => createColorStyles ( p . theme , { targetSelector : p . targetSelector } ) }` ; export const ColorModeProvider = createColorModeProvider ( { ThemeContext , ThemeProvider , ColorModeStyle , } ) ; export { useColorMode , getColorModeInitScriptElement , getColorModeInitScriptTag , } from '@xstyled/core' ;