From 8bb2a3c90214408083704d02f27613937a760943 Mon Sep 17 00:00:00 2001
From: Lucian Petri <petri.lucian@outlook.com>
Date: Fri, 30 Dec 2022 01:56:42 +0200
Subject: [PATCH] prettier colorSwitch WIP

---
 website/src/components/UI/ColorModeSwitch.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/website/src/components/UI/ColorModeSwitch.tsx b/website/src/components/UI/ColorModeSwitch.tsx
index ed309328..ccb2af5b 100644
--- a/website/src/components/UI/ColorModeSwitch.tsx
+++ b/website/src/components/UI/ColorModeSwitch.tsx
@@ -1,11 +1,18 @@
-import { Button, useColorMode } from "@chakra-ui/react";
+import { Switch, useColorMode } from "@chakra-ui/react";
 import React from "react";
 
 type Props = {};
 
 const ColorModeSwitch = (props: Props) => {
   const { colorMode, toggleColorMode } = useColorMode();
-  return <Button onClick={toggleColorMode}>Toggle {colorMode === "light" ? "Dark" : "Light"}</Button>;
+  return (
+    <Switch
+      onChange={toggleColorMode}
+      defaultChecked={colorMode === "light"}
+      checked={colorMode === "light"}
+      size="lg"
+    />
+  );
 };
 
 export default ColorModeSwitch;