feat(query-devtools): Add Light mode support (#6146)

* feat(query-devtools): Add Light mode support

* Update inactive query light mode styles

Author: ardeora

packages/query-devtools/src/Context.ts

@@ -1,4 +1,5 @@
 import { createContext, useContext } from 'solid-js'
+import type { Accessor } from 'solid-js'
 import type { Query, QueryClient, onlineManager } from '@tanstack/query-core'
 
 type XPosition = 'left' | 'right'
@@ -39,3 +40,11 @@ export const QueryDevtoolsContext = createContext<QueryDevtoolsProps>({
 export function useQueryDevtoolsContext() {
   return useContext(QueryDevtoolsContext)
 }
+
+export const ThemeContext = createContext<Accessor<'light' | 'dark'>>(
+  () => 'dark' as const,
+)
+
+export function useTheme() {
+  return useContext(ThemeContext)
+}