From a80651cd15a20725d82e46ae59ffaa2061d42ca7 Mon Sep 17 00:00:00 2001
From: kjh2064 <kjh2064@gmail.com>
Date: Thu, 9 Jul 2026 23:20:35 +0900
Subject: [PATCH] style: update sidebar to navy background with white text for
 better contrast and readability

---
 src/TaxBaik.Web/wwwroot/css/admin.css | 39 ++++++++++++++++-----------
 1 file changed, 24 insertions(+), 15 deletions(-)

diff --git a/src/TaxBaik.Web/wwwroot/css/admin.css b/src/TaxBaik.Web/wwwroot/css/admin.css
index a6200dc..f4d7717 100644
--- a/src/TaxBaik.Web/wwwroot/css/admin.css
+++ b/src/TaxBaik.Web/wwwroot/css/admin.css
@@ -1853,7 +1853,7 @@ textarea:focus-visible {
    ============================================================================ */
 
 .admin-sidebar-nav {
-  background: var(--bg-primary);
+  background: #1A2F4A;
   border-right: 1px solid var(--border-color-light);
   padding: 0;
   min-height: 100%;
@@ -1862,7 +1862,12 @@ textarea:focus-visible {
 
 .admin-sidebar-nav .navbar-brand {
   padding: var(--space-3) var(--space-4);
-  border-bottom: 1px solid var(--border-color-light);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.admin-sidebar-nav .navbar-brand a {
+  color: #FFFFFF;
+  font-weight: var(--font-weight-semibold);
 }
 
 .admin-sidebar-nav .navbar-nav {
@@ -1879,7 +1884,7 @@ textarea:focus-visible {
   align-items: center;
   gap: var(--space-3);
   padding: var(--space-3) var(--space-4);
-  color: var(--text-primary);
+  color: rgba(255, 255, 255, 0.8);
   text-decoration: none;
   font-size: var(--font-size-sm);
   font-weight: var(--font-weight-regular);
@@ -1891,15 +1896,15 @@ textarea:focus-visible {
 }
 
 .admin-sidebar-nav .nav-link:hover {
-  background-color: var(--primary-light);
-  color: var(--primary-dark);
+  background-color: rgba(255, 255, 255, 0.1);
+  color: #FFFFFF;
 }
 
 .admin-sidebar-nav .nav-link.active {
-  background-color: var(--primary-light);
-  color: var(--primary-dark);
+  background-color: rgba(255, 255, 255, 0.2);
+  color: #FFFFFF;
   font-weight: var(--font-weight-semibold);
-  border-left-color: var(--primary-color);
+  border-left-color: #FFFFFF;
 }
 
 .admin-sidebar-nav .nav-link-icon {
@@ -1909,12 +1914,14 @@ textarea:focus-visible {
   width: 20px;
   height: 20px;
   flex-shrink: 0;
+  color: inherit;
 }
 
 .admin-sidebar-nav .nav-link-icon svg {
   width: 20px;
   height: 20px;
   stroke: currentColor;
+  color: inherit;
 }
 
 .admin-sidebar-nav .nav-link-title {
@@ -1934,37 +1941,39 @@ textarea:focus-visible {
   transform: rotate(45deg);
   margin-left: auto;
   transition: transform var(--transition-base);
+  color: inherit;
 }
 
+.admin-sidebar-nav .dropdown-toggle.show::after,
 .admin-sidebar-nav .dropdown-toggle:not(.collapsed)::after {
   transform: rotate(-135deg);
 }
 
 .admin-sidebar-nav .dropdown-menu {
   border: none;
-  background: var(--bg-secondary);
+  background: rgba(0, 0, 0, 0.2);
   padding: var(--space-2) 0;
   margin: 0;
   border-radius: 0;
-  box-shadow: inset 2px 0 0 var(--border-color-light);
+  box-shadow: inset 2px 0 0 rgba(255, 255, 255, 0.1);
 }
 
 .admin-sidebar-nav .dropdown-item {
   padding: var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 20px + var(--space-3));
-  color: var(--text-primary);
+  color: rgba(255, 255, 255, 0.75);
   font-size: var(--font-size-sm);
   transition: all var(--transition-base);
   text-decoration: none;
 }
 
 .admin-sidebar-nav .dropdown-item:hover {
-  background-color: var(--primary-light);
-  color: var(--primary-dark);
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #FFFFFF;
 }
 
 .admin-sidebar-nav .dropdown-item.active {
-  background-color: var(--primary-light);
-  color: var(--primary-dark);
+  background-color: rgba(255, 255, 255, 0.2);
+  color: #FFFFFF;
   font-weight: var(--font-weight-semibold);
 }