From 8f6ec5215892cdda878942ff13ead37c986dea6b Mon Sep 17 00:00:00 2001
From: Kerem Yilmaz <kerem@skyvern.com>
Date: Thu, 13 Jun 2024 00:12:28 -0700
Subject: [PATCH] Change side nav colors, add Book Demo (#465)

---
 skyvern-frontend/src/routes/root/SideNav.tsx | 27 +++++++-------------
 1 file changed, 9 insertions(+), 18 deletions(-)

diff --git a/skyvern-frontend/src/routes/root/SideNav.tsx b/skyvern-frontend/src/routes/root/SideNav.tsx
index c997201e..6ba98d7d 100644
--- a/skyvern-frontend/src/routes/root/SideNav.tsx
+++ b/skyvern-frontend/src/routes/root/SideNav.tsx
@@ -12,12 +12,9 @@ function SideNav() {
       <NavLink
         to="create"
         className={({ isActive }) => {
-          return cn(
-            "flex items-center px-6 py-4 hover:bg-primary-foreground rounded-2xl",
-            {
-              "bg-primary-foreground": isActive,
-            },
-          );
+          return cn("flex items-center px-6 py-4 hover:bg-muted rounded-2xl", {
+            "bg-muted": isActive,
+          });
         }}
       >
         <PlusCircledIcon className="mr-4 w-6 h-6" />
@@ -26,12 +23,9 @@ function SideNav() {
       <NavLink
         to="tasks"
         className={({ isActive }) => {
-          return cn(
-            "flex items-center px-6 py-4 hover:bg-primary-foreground rounded-2xl",
-            {
-              "bg-primary-foreground": isActive,
-            },
-          );
+          return cn("flex items-center px-6 py-4 hover:bg-muted rounded-2xl", {
+            "bg-muted": isActive,
+          });
         }}
       >
         <ListBulletIcon className="mr-4 w-6 h-6" />
@@ -40,12 +34,9 @@ function SideNav() {
       <NavLink
         to="settings"
         className={({ isActive }) => {
-          return cn(
-            "flex items-center px-6 py-4 hover:bg-primary-foreground rounded-2xl",
-            {
-              "bg-primary-foreground": isActive,
-            },
-          );
+          return cn("flex items-center px-6 py-4 hover:bg-muted rounded-2xl", {
+            "bg-muted": isActive,
+          });
         }}
       >
         <GearIcon className="mr-4 w-6 h-6" />