I fixed the lightmode on the sidebar and added

more colour themes. I fixed the settings buttons.

src/providers/theme-provider.tsx

@@ -4,5 +4,12 @@ import { ThemeProvider as NextThemesProvider } from "next-themes"
 import { type ThemeProviderProps } from "next-themes"
 
 export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
-  return <NextThemesProvider {...props}>{children}</NextThemesProvider>
+  return (
+    <NextThemesProvider
+      themes={["light", "dark", "system", "ocean", "forest", "sunset", "midnight"]}
+      {...props}
+    >
+      {children}
+    </NextThemesProvider>
+  )
 }