From 3a781f9ac4d072031e27880c179e1606e9a2ff60 Mon Sep 17 00:00:00 2001
From: miloschwartz <mschwartz10612@gmail.com>
Date: Wed, 17 Dec 2025 21:28:34 -0500
Subject: [PATCH] add contrast to sidebar

---
 messages/en-US.json               | 2 +-
 src/components/LayoutSidebar.tsx  | 2 +-
 src/components/ProductUpdates.tsx | 2 +-
 src/components/SidebarNav.tsx     | 6 +++---
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/messages/en-US.json b/messages/en-US.json
index 80846615..ffe0702d 100644
--- a/messages/en-US.json
+++ b/messages/en-US.json
@@ -33,7 +33,7 @@
     "password": "Password",
     "confirmPassword": "Confirm Password",
     "createAccount": "Create Account",
-    "viewSettings": "View settings",
+    "viewSettings": "View Settings",
     "delete": "Delete",
     "name": "Name",
     "online": "Online",
diff --git a/src/components/LayoutSidebar.tsx b/src/components/LayoutSidebar.tsx
index 45d0292b..c578614d 100644
--- a/src/components/LayoutSidebar.tsx
+++ b/src/components/LayoutSidebar.tsx
@@ -123,7 +123,7 @@ export function LayoutSidebar({
                             <Link
                                 href="/admin"
                                 className={cn(
-                                    "flex items-center transition-colors text-muted-foreground hover:text-foreground text-sm w-full hover:bg-secondary/50 dark:hover:bg-secondary/20 rounded-md",
+                                    "flex items-center transition-colors text-muted-foreground hover:text-foreground text-sm w-full hover:bg-secondary/80 dark:hover:bg-secondary/50 rounded-md",
                                     isSidebarCollapsed
                                         ? "px-2 py-2 justify-center"
                                         : "px-3 py-1.5"
diff --git a/src/components/ProductUpdates.tsx b/src/components/ProductUpdates.tsx
index d9e2e5a3..9a06de19 100644
--- a/src/components/ProductUpdates.tsx
+++ b/src/components/ProductUpdates.tsx
@@ -199,7 +199,7 @@ function ProductUpdatesListPopup({
                                     {t("productUpdateWhatsNew")}
                                 </p>
                                 <div className="p-1 cursor-pointer">
-                                    <ChevronRightIcon className="size-4 flex-none" />
+                                    <ChevronRightIcon className="size-4 flex-none opacity-50" />
                                 </div>
                             </div>
                         </div>
diff --git a/src/components/SidebarNav.tsx b/src/components/SidebarNav.tsx
index 8e593b96..389f3978 100644
--- a/src/components/SidebarNav.tsx
+++ b/src/components/SidebarNav.tsx
@@ -112,7 +112,7 @@ function CollapsibleNavItem({
             <CollapsibleTrigger asChild>
                 <button
                     className={cn(
-                        "flex items-center w-full rounded transition-colors hover:bg-secondary/50 dark:hover:bg-secondary/20 rounded-md",
+                        "flex items-center w-full rounded transition-colors hover:bg-secondary/80 dark:hover:bg-secondary/50 rounded-md",
                         level === 0 ? "p-3 py-1.5" : "py-1.5",
                         isChildActive
                             ? "text-primary font-medium"
@@ -252,7 +252,7 @@ export function SidebarNav({
             <Link
                 href={isDisabled ? "#" : hydratedHref}
                 className={cn(
-                    "flex items-center rounded transition-colors hover:bg-secondary/50 dark:hover:bg-secondary/20 rounded-md",
+                    "flex items-center rounded transition-colors hover:bg-secondary/80 dark:hover:bg-secondary/50 rounded-md",
                     isCollapsed ? "px-2 py-2 justify-center" : "px-3 py-1.5",
                     isActive
                         ? "text-primary font-medium"
@@ -338,7 +338,7 @@ export function SidebarNav({
                                     <TooltipTrigger asChild>
                                         <button
                                             className={cn(
-                                                "flex items-center rounded transition-colors hover:bg-secondary/50 dark:hover:bg-secondary/20 rounded-md px-2 py-2 justify-center w-full",
+                                                "flex items-center rounded transition-colors hover:bg-secondary/80 dark:hover:bg-secondary/50 rounded-md px-2 py-2 justify-center w-full",
                                                 isChildActive
                                                     ? "text-primary font-medium"
                                                     : "text-muted-foreground hover:text-foreground",