first commit

src/components/color-schemes-switcher.tsx

@@ -0,0 +1,18 @@
+"use client"
+
+import { Button, Group, useMantineColorScheme } from "@mantine/core"
+
+export function ColorSchemesSwitcher() {
+    const { setColorScheme, clearColorScheme } = useMantineColorScheme()
+
+    return (
+        <Group>
+            <Button variant={"filled"} onClick={() => setColorScheme("light")}>
+                Light
+            </Button>
+            <Button onClick={() => setColorScheme("dark")}>Dark</Button>
+            <Button onClick={() => setColorScheme("auto")}>Auto</Button>
+            <Button onClick={clearColorScheme}>Clear</Button>
+        </Group>
+    )
+}