diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 3bb3bcb..9160918 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -7,7 +7,7 @@ const Navbar = () => {
     <>
       <div className={styles.center}>
         <Title />
-        <ThemeToggle />
+        {/* <ThemeToggle /> */}
       </div>
     </>
   );
diff --git a/components/Title.tsx b/components/Title.tsx
index 8704303..ba53cec 100644
--- a/components/Title.tsx
+++ b/components/Title.tsx
@@ -1,14 +1,22 @@
 import Image from "next/image";
 import styles from "styles/Title.module.sass";
 import { useTheme } from 'next-themes'
+function the(t) {
+  switch (t) {
+    case "light":
+      return "dark";
+    case "dark":
+      return "light";
+  }
+}
 
 const Title = () => {
-    const { resolvedTheme: theme } = useTheme()
-    const logo_size = 150;
-  
+  const { resolvedTheme: theme, setTheme: set } = useTheme();
+  const logo_size = 150;
+
   return (
     <>
-      <Image
+      <Image onClick={() => set(the(theme))}
         src={`/logos/${theme || "dark"}.svg`}
         width={logo_size}
         height={logo_size / 4}