MCPcopy Create free account
hub / github.com/TanStack/query / getPreferredColorScheme

Function getPreferredColorScheme

packages/query-devtools/src/utils.tsx:154–168  ·  view source on GitHub ↗
()

Source from the content-addressed store, hash-verified

152}
153
154export const getPreferredColorScheme = () => {
155 const [colorScheme, setColorScheme] = createSignal<'light' | 'dark'>('dark')
156
157 onMount(() => {
158 const query = window.matchMedia('(prefers-color-scheme: dark)')
159 setColorScheme(query.matches ? 'dark' : 'light')
160 const listener = (e: MediaQueryListEvent) => {
161 setColorScheme(e.matches ? 'dark' : 'light')
162 }
163 query.addEventListener('change', listener)
164 onCleanup(() => query.removeEventListener('change', listener))
165 })
166
167 return colorScheme
168}
169
170/**
171 * updates nested data by path

Callers 3

DevtoolsComponentFunction · 0.90
DevtoolsPanelComponentFunction · 0.90
utils.test.tsFile · 0.90

Calls

no outgoing calls

Tested by

no test coverage detected