CRM_ENVR/src/providers/theme-provider.tsx

"use client"

import { ThemeProvider as NextThemesProvider } from "next-themes"
import { type ThemeProviderProps } from "next-themes"

export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
  return (
    <NextThemesProvider
      themes={["light", "dark", "system", "ocean", "forest", "sunset", "midnight"]}
      {...props}
    >
      {children}
    </NextThemesProvider>
  )
}