From 58fb4f28494f95e0bcfe0e3393b92d3fb64b2ce3 Mon Sep 17 00:00:00 2001
From: OlgunR <OlgunR@DD-PC-ENT05N>
Date: Wed, 10 Dec 2025 15:38:34 +0100
Subject: [PATCH] feat(nav): update NavDesktop and NavMobile styles for
 improved consistency and visibility

---
 .../dd-hub-react/src/layouts/dashboard/nav.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/client/dd-hub-react/src/layouts/dashboard/nav.tsx b/src/client/dd-hub-react/src/layouts/dashboard/nav.tsx
index 4e98f69..34ce149 100644
--- a/src/client/dd-hub-react/src/layouts/dashboard/nav.tsx
+++ b/src/client/dd-hub-react/src/layouts/dashboard/nav.tsx
@@ -55,9 +55,9 @@ export function NavDesktop({
         flexDirection: 'column',
         zIndex: 'var(--layout-nav-zIndex)',
         width: 'var(--layout-nav-vertical-width)',
-        bgcolor: '#ffe8ed',
-        color: '#4a0f14',
-        borderRight: `1px solid ${varAlpha('74 15 20', 0.12)}`,
+        bgcolor: '#ffffff',
+        color: '#5a1a22',
+        borderRight: `1px solid ${varAlpha('90 24 34', 0.08)}`,
         [theme.breakpoints.up(layoutQuery)]: {
           display: 'flex',
         },
@@ -102,8 +102,8 @@ export function NavMobile({
           overflow: 'unset',
           height: 'calc(100% - var(--layout-header-mobile-height))',
           width: 'var(--layout-nav-mobile-width)',
-          bgcolor: '#ffe8ed',
-          color: '#4a0f14',
+          bgcolor: '#ffffff',
+          color: '#5a1a22',
           [theme.breakpoints.up(layoutQuery)]: {
             top: 'var(--layout-header-desktop-height)',
             height: 'calc(100% - var(--layout-header-desktop-height))',
@@ -164,14 +164,14 @@ export function NavContent({ data, slots, workspaces, sx }: NavContentProps) {
                         borderRadius: 0.75,
                         typography: 'body2',
                         fontWeight: 'fontWeightMedium',
-                        color: '#4a0f14',
+                        color: '#5a1a22',
                         minHeight: 44,
                         ...(isActived && {
                           fontWeight: 'fontWeightSemiBold',
-                          color: '#4a0f14',
-                          bgcolor: 'rgba(74, 15, 20, 0.12)',
+                          color: '#5a1a22',
+                          bgcolor: 'rgba(90, 24, 34, 0.08)',
                           '&:hover': {
-                            bgcolor: 'rgba(74, 15, 20, 0.18)',
+                            bgcolor: 'rgba(90, 24, 34, 0.14)',
                           },
                         }),
                       }),