From 299a5b28b71fbea65e3f4d85371771bf7d520728 Mon Sep 17 00:00:00 2001
From: yasha-meursault <y.hayrumyan.y@gmail.com>
Date: Fri, 26 Jun 2026 22:00:21 +0400
Subject: [PATCH 1/2] fix: update icon styles and adjust tertiary text color in
 light mode

---
 apps/app/components/Sidebar/AppSidebar.tsx   | 6 +++---
 apps/app/components/Sidebar/SidebarIcons.tsx | 4 ++--
 apps/app/styles/globals.css                  | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/app/components/Sidebar/AppSidebar.tsx b/apps/app/components/Sidebar/AppSidebar.tsx
index 526e7a39..56852f61 100644
--- a/apps/app/components/Sidebar/AppSidebar.tsx
+++ b/apps/app/components/Sidebar/AppSidebar.tsx
@@ -109,7 +109,7 @@ const SidebarLoginStatus: FC = () => {
                         onClick={() => { if (isReady) openAuthDialog() }}
                     >
                         <div className="flex aspect-square size-6 items-center justify-center rounded-full bg-secondary-400 shrink-0">
-                            <LockIcon className="size-3.5 text-secondary-text transition-colors group-hover/menu-button:text-primary-text" />
+                            <LockIcon className="size-3.5" />
                         </div>
                         <div className="grid flex-1 text-left leading-tight min-w-0 group-data-[collapsible=icon]:hidden">
                             <span className="truncate text-sm font-semibold text-secondary-text transition-colors group-hover/menu-button:text-primary-text">Log in</span>
@@ -155,7 +155,7 @@ const SidebarLoginStatus: FC = () => {
                                 {label && <span className="truncate text-sm font-semibold text-secondary-text transition-colors group-hover/menu-button:text-primary-text">{label}</span>}
                                 {idShortWithTooltip}
                             </div>
-                            <ChevronsUpDown className="ml-auto size-4 text-secondary-text shrink-0 transition-colors group-hover/menu-button:text-primary-text group-data-[collapsible=icon]:hidden" />
+                            <ChevronsUpDown className="ml-auto size-4 shrink-0 group-data-[collapsible=icon]:hidden" />
                         </SidebarMenuButton>
                     </PopoverTrigger>
                     <PopoverContent
@@ -289,7 +289,7 @@ const MoreMenu: FC = () => {
                             target="_blank"
                             className="group flex items-center gap-2 rounded-md px-3 py-2 text-sm text-secondary-text hover:text-primary-text hover:bg-secondary-500 transition-colors"
                         >
-                            <item.icon className="h-4 w-4" />
+                            <item.icon className="h-4 w-4 text-primary-text" />
                             <span className="truncate">{item.name}</span>
                             <ArrowUpRight className="ml-auto h-4 w-4 opacity-60 transition-[opacity,transform] duration-200 ease-out group-hover:opacity-100 group-hover:scale-110" />
                         </Link>
diff --git a/apps/app/components/Sidebar/SidebarIcons.tsx b/apps/app/components/Sidebar/SidebarIcons.tsx
index 89f8733e..3064191f 100644
--- a/apps/app/components/Sidebar/SidebarIcons.tsx
+++ b/apps/app/components/Sidebar/SidebarIcons.tsx
@@ -60,7 +60,7 @@ export const LockIcon: FC<{ className?: string }> = ({ className }) => (
 
 export const ScanFingerprintIcon: FC<{ className?: string }> = ({ className }) => (
     <span className="relative inline-flex">
-        <Fingerprint strokeWidth={2} className={`${className ?? ""} text-secondary-text`} />
-        <Fingerprint strokeWidth={2} aria-hidden className={`${className ?? ""} absolute left-0 top-0 text-primary-text [clip-path:inset(100%_0_0_0)] transition-[clip-path] duration-[600ms] ease-out group-hover/menu-button:[clip-path:inset(0%_0_0_0)]`} />
+        <Fingerprint strokeWidth={2} className={className} />
+        <Fingerprint strokeWidth={2} aria-hidden className={`${className ?? ""} absolute left-0 top-0 text-primary-400! [clip-path:inset(100%_0_0_0)] transition-[clip-path] duration-[600ms] ease-out group-hover/menu-button:[clip-path:inset(0%_0_0_0)]`} />
     </span>
 )
diff --git a/apps/app/styles/globals.css b/apps/app/styles/globals.css
index 42c81de2..e75affe1 100644
--- a/apps/app/styles/globals.css
+++ b/apps/app/styles/globals.css
@@ -130,7 +130,7 @@
   --ls-colors-primary-800: 25, 90, 165;
   --ls-colors-primary-900: 20, 70, 135;
   --ls-colors-primary-text: 9, 11, 12;
-  --ls-colors-text-tertiary: 103, 120, 124;
+  --ls-colors-text-tertiary: 150, 165, 168;
   --ls-colors-buttonTextColor: 255, 255, 255;
   --ls-colors-actionButtonColor: 39, 142, 246;
   --ls-colors-logo: 9, 11, 12;

From d0e5cc69a19e9484d2ff9fa1aa1dd55e7d80064e Mon Sep 17 00:00:00 2001
From: yasha-meursault <y.hayrumyan.y@gmail.com>
Date: Thu, 2 Jul 2026 14:38:49 +0400
Subject: [PATCH 2/2] small fix

---
 apps/app/components/shadcn/sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/app/components/shadcn/sidebar.tsx b/apps/app/components/shadcn/sidebar.tsx
index 7ce860bd..005aaff6 100644
--- a/apps/app/components/shadcn/sidebar.tsx
+++ b/apps/app/components/shadcn/sidebar.tsx
@@ -434,7 +434,7 @@ function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">) {
   )
 }
 
-const SIDEBAR_MENU_BUTTON_BASE = "peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm text-secondary-text ring-sidebar-ring outline-hidden group-has-data-[sidebar=menu-action]/menu-item:pr-8 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:animate-press-down-weak active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate"
+const SIDEBAR_MENU_BUTTON_BASE = "peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm text-secondary-text ring-sidebar-ring outline-hidden group-has-data-[sidebar=menu-action]/menu-item:pr-8 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:animate-press-down-weak active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-sidebar-foreground [&>span:last-child]:truncate"
 
 const SIDEBAR_MENU_BUTTON_VARIANTS: Record<string, string> = {
   outline: "bg-sidebar ring-1 ring-sidebar-border hover:ring-1 hover:ring-sidebar-border",