@@ -7,13 +7,13 @@ interface UseColorModesOutput {
77}
88
99const getStoredTheme = ( localStorageItemName :string ) =>
10- typeof window !== 'undefined' && localStorage . getItem ( localStorageItemName )
10+ typeof globalThis !== 'undefined' && localStorage . getItem ( localStorageItemName )
1111
1212const setStoredTheme = ( localStorageItemName :string , colorMode :string ) =>
1313localStorage . setItem ( localStorageItemName , colorMode )
1414
1515const getPreferredColorScheme = ( localStorageItemName :string ) => {
16- if ( typeof window === 'undefined' ) {
16+ if ( typeof globalThis === 'undefined' ) {
1717return 'light'
1818}
1919
@@ -23,12 +23,12 @@ const getPreferredColorScheme = (localStorageItemName: string) => {
2323return storedTheme
2424}
2525
26- return window . matchMedia ( '(prefers-color-scheme: dark)' ) . matches ?'dark' :'light'
26+ return globalThis . matchMedia ( '(prefers-color-scheme: dark)' ) . matches ?'dark' :'light'
2727}
2828
2929const setTheme = ( colorMode :string ) => {
3030document . documentElement . dataset . coreuiTheme =
31- colorMode === 'auto' && window . matchMedia ( '(prefers-color-scheme: dark)' ) . matches
31+ colorMode === 'auto' && globalThis . matchMedia ( '(prefers-color-scheme: dark)' ) . matches
3232 ?'dark'
3333 :colorMode
3434
@@ -51,7 +51,7 @@ export const useColorModes = (
5151} , [ colorMode ] )
5252
5353useEffect ( ( ) => {
54- window . matchMedia ( '(prefers-color-scheme: dark)' ) . addEventListener ( 'change' , ( ) => {
54+ globalThis . matchMedia ( '(prefers-color-scheme: dark)' ) . addEventListener ( 'change' , ( ) => {
5555const storedTheme = getStoredTheme ( localStorageItemName )
5656if ( storedTheme !== 'light' && storedTheme !== 'dark' && colorMode ) {
5757setTheme ( colorMode )