update: style of card

src/components/window/Card.tsx

@@ -9,7 +9,7 @@ interface CardProps {
 const Card = ({ children }: CardProps) => {
   return (
     <div
-      className="dark:from-black/10 dark:to-black/5 dark:border-white/[6%] px-4 pt-3 pb-4 flex flex-col gap-2 border w-full rounded-lg bg-gradient-to-br from-white/50 to-white/40 border-black/[6%]"
+      className="dark:from-black/10 dark:to-black/5 dark:border-white/[6%] px-4 pt-3 pb-4 flex flex-col gap-2 border w-full rounded-lg bg-white/40 border-black/[6%]"
       data-tauri-drag-region
     >
       {children}

src/components/window/SideBar.tsx

@@ -35,7 +35,7 @@ const SideButton = ({
       {children}
       <div
         className={clsx(
-          path === route && "opacity-100",
+          path.startsWith(route) && "opacity-100",
           "transition-opacity duration-300 opacity-0 h-3.5 w-0.5 absolute left-0.5 bg-purple-500 rounded-full top-1/2 -translate-y-1/2"
         )}
       />