perf: 修改 siderbar 在 windows 下的表现

Author: ibuler

ui/app.vue

@@ -27,7 +27,7 @@ const backgroundColor = computed(() => {
   if (isMacOS.value) {
     return isDark ? "rgba(30, 30, 30, 0.6)" : "rgba(240, 240, 240, 0.4)";
   } else {
-    return isDark ? "rgba(30, 30, 30, 0.8)" : "rgba(240, 240, 240, 0.9)";
+    return isDark ? "rgba(30, 30, 30, 0.8)" : "rgba(240, 240, 240, 0.83)";
   }
 });
 

ui/assets/css/main.css

@@ -16,7 +16,7 @@
   --ui-color-secondary-500: #141419;
   --ui-color-neutral-100: #d1d1d1;
   --el-font-family: var(--font-sans);
-  --bg-hover-light: rgba(0, 0, 0, 0.1);
+  --bg-hover-light: rgba(60, 60, 60, 0.1);
   --bg-hover-dark: rgba(0, 0, 0, 0.3);
   --bg-selected-light: rgba(209, 209, 209, 0.8);
   --bg-selected-dark: rgba(0, 0, 0, 0.5);

ui/components/SideBar/sideBar.vue

@@ -161,8 +161,13 @@ const debouncedSidebarSearch = useDebounceFn(emitSearch, 200);
 <style>
 .light .menu .menu-item {
   &[data-active] {
-    background-color: var(--bg-hover-light);
-    opacity: 0.8;
+    background-color: transparent; 
+    
+    &::before {
+      background-color: var(--bg-hover-light);
+    }
+    
+    /* opacity: 0.8; */
     font-weight: 500;
   }
 
@@ -172,7 +177,7 @@ const debouncedSidebarSearch = useDebounceFn(emitSearch, 200);
 }
 
 .light .search-input input {
-  background-color: var(--bg-hover-light);
+    background-color: var(--bg-hover-light);
 }
 
 .menu nav[data-collapsed="true"] {