use gray radix variant for scrollbar color

Author: ameer2468

apps/web/app/(org)/dashboard/_components/Navbar/Top.tsx

@@ -61,7 +61,11 @@ const Top = () => {
 		"/dashboard/spaces/browse": "Browse Spaces",
 	};
 
-	const title = activeSpace ? activeSpace.name : pathname.includes("/dashboard/folder") ? "Caps" : titles[pathname] || "";
+	const title = activeSpace
+		? activeSpace.name
+		: pathname.includes("/dashboard/folder")
+			? "Caps"
+			: titles[pathname] || "";
 
 	const notificationsRef: MutableRefObject<HTMLDivElement> = useClickAway(
 		(e) => {

apps/web/app/(org)/dashboard/layout.tsx

@@ -80,7 +80,7 @@ export default async function DashboardLayout({
 				userPreferences={userPreferences}
 			>
 				<div className="dashboard-grid">
-						<DesktopNav />
+					<DesktopNav />
 					<div className="flex h-full [grid-area:main] focus:outline-none">
 						<MobileNav />
 						<DashboardInner>{children}</DashboardInner>

apps/web/app/globals.css

@@ -79,13 +79,7 @@ html {
 }
 
 ::-webkit-scrollbar-thumb {
-	background: rgb(178, 178, 178);
-	border-radius: 10px;
-}
-
-/* Handle */
-.dark ::-webkit-scrollbar-thumb {
-	background: rgb(61, 61, 61);
+	background: var(--gray-7);
 	border-radius: 10px;
 }