1 files changed, 21 insertions, 0 deletions
diff --git a/src/app/(main)/settings/preferences/ThemeSetting.tsx b/src/app/(main)/settings/preferences/ThemeSetting.tsx
new file mode 100644
index 0000000..03bd6a6
--- /dev/null
+++ b/src/app/(main)/settings/preferences/ThemeSetting.tsx
@@ -0,0 +1,21 @@
+import { Button, Icon, Row, useTheme } from '@umami/react-zen';
+import { Moon, Sun } from '@/components/icons';
+
+export function ThemeSetting() {
+  const { theme, setTheme } = useTheme();
+
+  return (
+    <Row gap>
+      <Button variant={theme === 'light' ? 'primary' : undefined} onPress={() => setTheme('light')}>
+        <Icon>
+          <Sun />
+        </Icon>
+      </Button>
+      <Button variant={theme === 'dark' ? 'primary' : undefined} onPress={() => setTheme('dark')}>
+        <Icon>
+          <Moon />
+        </Icon>
+      </Button>
+    </Row>
+  );
+}