darkmode styling

WildChickenUniversity · Nov 19, 2023 · 7a19194 · 7a19194
1 parent 7cfb7cd
commit 7a19194
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 8 deletions.
diff --git a/app/components/icon.tsx b/app/components/icon.tsx
diff --git a/app/components/theme-switch.tsx b/app/components/theme-switch.tsx
@@ -1,7 +1,6 @@
 "use client";
 import React from "react";
 import { useTheme } from "next-themes";
-import iconSwitch from "./icon";
 
 const Button = () => {
   const { systemTheme, theme, setTheme } = useTheme();
@@ -10,9 +9,9 @@ const Button = () => {
   return (
     <button
       onClick={() => (theme == "dark" ? setTheme("light") : setTheme("dark"))}
-      className="bg-gray-800 dark:bg-gray-50 hover:bg-gray-600 dark:hover:bg-gray-300 transition-all duration-100 text-white dark:text-gray-800 text-sm md:text-sm rounded-lg  "
+      className="px-1 bg-gray-800 dark:bg-gray-50 hover:bg-gray-600 dark:hover:bg-gray-300 transition-all duration-100 text-white dark:text-gray-800 text-sm md:text-sm rounded-lg  "
     >
-      {iconSwitch(theme)}
+      {theme === "dark" ? "🌞" : "🌕"}
     </button>
   );
 };