themes lol

src/app/routes/_authed/settings.tsx

@@ -2,6 +2,7 @@ import { createFileRoute } from "@tanstack/react-router";
 import { Box, Title, Stack } from "@mantine/core";
 import { ColorSchemePicker } from "@/features/settings/components/color-scheme-picker";
 import AccentColorPicker from "@/features/settings/components/accent-color-picker";
+import ThemePicker from "@/features/settings/components/theme-picker";
 import LocalePicker from "@/features/settings/components/locale-picker";
 import { NotificationsSection } from "@/features/settings/components/notifications-section";
 import { SignOutIcon } from "@phosphor-icons/react";
@@ -33,6 +34,7 @@ function RouteComponent() {
       >
         <Title order={3}><Trans>Appearance</Trans></Title>
         <Stack>
+          <ThemePicker />
           <AccentColorPicker />
           <ColorSchemePicker />
           <LocalePicker />