Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/FoxxMD/multi-scrobbler. Scrobble plays from multiple sources to multiple clients docs.multi-scrobbler.app
deezer docker jellyfin koito lastfm listenbrainz maloja mopidy mpris music music-assistant plex scrobble self-hosted spotify subsonic tautulli youtube-music
Something went wrong. Try again.
1.5 kB · 68 lines
TSX
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768"use client"
import { ChakraProvider, createSystem, defaultConfig, defineConfig, defineSlotRecipe } from "@chakra-ui/react"import { timelineAnatomy } from "@chakra-ui/react/anatomy";import { QueryClient, QueryClientProvider} from '@tanstack/react-query'import '../index.css'import { ColorModeProvider, type ColorModeProviderProps,} from "./Color-Mode"
const timelineSlotRecipe = defineSlotRecipe({ slots: timelineAnatomy.keys(), base: { item: { "--timeline-content-gap": "spacing.5" // was spacing.6 } }});
const queryClient = new QueryClient()
const customConfig = defineConfig({ globalCss: { ".ansi-blue-fg": { color: "blue.400" }, ".ansi-red-fg": { color: "red.400" }, ".ansi-green-fg": { color: "green.400" }, ".ansi-magenta-fg": { color: "pink.400" }, ".ansi-yellow-fg": { color: "yellow.400" }, ".ansi-cyan-fg": { color: "white" }, ".ansi-bright-black-fg": { color: "gray.500" } }, theme: { slotRecipes: { timeline: timelineSlotRecipe } }})
export const system = createSystem(defaultConfig, customConfig)
export function Provider(props: ColorModeProviderProps) { return ( <QueryClientProvider client={queryClient}> <ChakraProvider value={system}> <ColorModeProvider {...props} /> </ChakraProvider> {/* <ReactQueryDevtools /> */} </QueryClientProvider> )}