feat: add dark mode

2026-06-03 09:01:42 +03:30
parent 7b8b8949b9
commit 4d67af0bfc
11 changed files with 155 additions and 11 deletions
@@ -0,0 +1,21 @@
+"use client";
+
+import { useTheme } from "@/lib/theme";
+import { SunIcon, MoonIcon } from "./icons";
+
+export function ThemeToggle({ className }: { className?: string }) {
+  const { theme, toggle } = useTheme();
+  const dark = theme === "dark";
+
+  return (
+    <button
+      type="button"
+      onClick={toggle}
+      aria-label={dark ? "حالت روشن" : "حالت تاریک"}
+      title={dark ? "حالت روشن" : "حالت تاریک"}
+      className={`rounded-lg p-2 text-muted transition hover:bg-surface-muted hover:text-foreground ${className ?? ""}`}
+    >
+      {dark ? <SunIcon className="h-5 w-5" /> : <MoonIcon className="h-5 w-5" />}
+    </button>
+  );
+}