Fix rendering issue

ShortestPathLab · May 18, 2024 · 3052fbc · 3052fbc
1 parent d2180ce
commit 3052fbc
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 6 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -51,10 +51,6 @@ function Content() {
           backgroundSize: "100vw 200vh",
           backgroundPosition: "50% 0vh",
           backgroundRepeat: "no-repeat",
-          transition: (t) =>
-            t.transitions.create("background-color", {
-              duration: t.transitions.duration.complex,
-            }),
         }}
       >
         <Box>

diff --git a/src/theme/Navbar/ColorModeToggle/index.js b/src/theme/Navbar/ColorModeToggle/index.js
@@ -10,7 +10,6 @@ export default function NavbarColorModeToggle({ className }) {
   if (disabled) {
     return null;
   }
-
   return (
     <Box>
       <IconButton

diff --git a/src/theme/Root.js b/src/theme/Root.js
@@ -6,7 +6,7 @@ import { get, set } from "../components/storage";
 
 // Default implementation, that you can customize
 export default function Root({ children }) {
-  const [mode, setMode] = useState(get("theme") || "light");
+  const [mode, setMode] = useState("light");
   const theme = useMemo(() => makeTheme(mode), [mode]);
   useEffect(() => {
     setMode(get("theme"));