commonalize simplebar-scollbar color

apps/app/src/client/components/Sidebar/Sidebar.module.scss

@@ -77,6 +77,15 @@
 }
 
 
+.grw-sidebar :global {
+
+  // overwrite simplebar-react css
+  .simplebar-scrollbar::before {
+    background-color:var(--bs-gray-500);
+  }
+
+}
+
 @include bs.color-mode(light) {
   .grw-sidebar :global {
     --bs-border-color: var(--grw-highlight-200);
@@ -85,11 +94,6 @@
       background-color: color-mix(in srgb, var(--grw-highlight-100), var(--bs-body-bg));
     }
 
-    // overwrite simplebar-react css
-    .simplebar-scrollbar::before {
-      background-color:var(--bs-gray-500);
-    }
-
   }
 
   // frosted glass effect in collapsed mode
@@ -114,11 +118,6 @@
       background-color: color-mix(in srgb, var(--grw-highlight-800), var(--bs-body-bg));
     }
 
-    // overwrite simplebar-react css
-    .simplebar-scrollbar::before {
-      background-color:var(--bs-gray-500);
-    }
-
   }
 
   // frosted glass effect in collapsed mode