fix: 黑暗模式下左侧菜单展示不清晰问题

web/static/css/components/sidebar.css

@@ -188,6 +188,28 @@
   color: var(--accent-600);
 }
 
+/* 黑暗模式下的选中菜单样式 */
+[data-theme="dark"] .nav-link.active {
+  background: var(--accent-900);
+  color: var(--accent-200);
+}
+
+[data-theme="dark"] .nav-link.active .nav-icon {
+  color: var(--accent-400);
+}
+
+[data-theme="dark"] .nav-link.active .nav-title {
+  color: var(--accent-100);
+}
+
+[data-theme="dark"] .nav-link.active .nav-subtitle {
+  color: var(--accent-300);
+}
+
+[data-theme="dark"] .nav-link.active .nav-description {
+  color: var(--accent-400);
+}
+
 .nav-link-content {
   display: flex;
   align-items: center;
@@ -249,6 +271,11 @@
   border-radius: 2px;
 }
 
+/* 黑暗模式下的指示器 */
+[data-theme="dark"] .nav-indicator {
+  background: var(--accent-400);
+}
+
 /* 系统信息 */
 .sidebar-footer {
   padding: 16px 20px;
@@ -279,6 +306,11 @@
   font-weight: 600;
 }
 
+/* 黑暗模式下的系统信息 */
+[data-theme="dark"] .info-value {
+  color: var(--accent-200);
+}
+
 .settings-button {
   width: 100%;
   padding: 8px 12px;